:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--color-bg: #0f172a;--color-primary: #3b82f6;--color-secondary: #64748b;--color-text: #f8fafc;--color-bg-card: #1e293b;--color-border: #334155}body{margin:0;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;display:flex;justify-content:center;align-items:center;min-height:100vh}.card{background:var(--color-bg-card);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--color-border);width:100%;max-width:400px}h1{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:1.5rem}input{width:100%;padding:.75rem;margin-bottom:1rem;border-radius:.5rem;border:1px solid var(--color-border);background:#0f172a;color:#fff;box-sizing:border-box}button{width:100%;padding:.75rem;border-radius:.5rem;font-weight:600;cursor:pointer;border:none;transition:opacity .2s;margin-bottom:.5rem}button:hover{opacity:.9}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-social{background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;gap:.5rem}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--color-secondary)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.divider::not(:empty):before{margin-right:.5em}.divider::not(:empty):after{margin-left:.5em}.error{color:#ef4444;font-size:.875rem;text-align:center;margin-bottom:1rem}.success{color:#22c55e;font-size:.875rem;text-align:center;margin-bottom:1rem}