:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:radial-gradient(circle at 100% 0,#1e293b,#0f172a);place-content:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;max-width:480px;padding:1.5rem}.glass-card{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000005e}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:active{transform:scale(.98)}.btn-social{cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:.75rem;padding:12px;font-weight:600;transition:all .2s;display:flex}.btn-google{color:#1f2937;background:#fff}.btn-google:hover{background:#f3f4f6}.btn-apple{color:#fff;background:#000;border-color:#fff3}.btn-apple:hover{background:#111}.divider{text-align:center;color:#64748b;align-items:center;margin:1.5rem 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}.input-field{color:#fff;box-sizing:border-box;background:#0f172a80;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:1rem;padding:12px 16px}.input-field:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f133}h1{background:linear-gradient(to bottom right,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.2rem;line-height:1.2}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}