:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #f3f4f6;--text-color: #111827;--text-light: #6b7280;--error: #dc2626;--success: #16a34a;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .1);--border-radius: 10px;--transition: .3s;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--secondary);color:var(--text-color)}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:15px}.fade-in{animation:fadeIn .6s ease-in-out}.card{background-color:var(--card-bg);padding:25px;border-radius:var(--border-radius);box-shadow:0 4px 12px var(--card-shadow);width:100%;max-width:450px;transition:transform var(--transition)}.card:hover{transform:translateY(-3px)}.card h2{font-size:1.8rem;color:var(--primary);margin-bottom:20px;text-align:center}input[type=text],input[type=email],input[type=password],input[type=number],select{width:90%;padding:12px 14px;margin-bottom:15px;border:1px solid #d1d5db;border-radius:var(--border-radius);font-size:1rem;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 5px #2563eb4d}.button,button{background-color:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;width:100%;transition:background-color var(--transition),transform var(--transition)}.button:hover,button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.error{color:var(--error);font-size:.95rem;margin-bottom:10px}.success{color:var(--success);font-size:.95rem;margin-bottom:10px}a,span{color:var(--primary);cursor:pointer;transition:color var(--transition)}a:hover,span:hover{color:var(--primary-dark)}@media(max-width:600px){.card{padding:20px;max-width:100%}input,select,button{padding:10px;font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}