*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #6366F1;--accent-bright: #818CF8;--accent-glow: rgba(99, 102, 241, .35);--surface: rgba(15, 15, 25, .85);--surface-border: rgba(255, 255, 255, .08);--surface-hover: rgba(255, 255, 255, .04);--text: #F1F1F6;--text-dim: #9395A5;--text-muted: #5D5F72;--danger: #EF4444;--danger-bg: rgba(239, 68, 68, .12);--success: #22C55E;--radius: 16px;--radius-sm: 10px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08081a;color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.id-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;background:#08081a}.id-loading-logo{width:64px;height:64px;object-fit:contain;filter:brightness(0) invert(1);animation:pulse-logo 2s ease-in-out infinite}@keyframes pulse-logo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.id-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.id-spinner-sm{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.id-redirect-msg{text-align:center;color:var(--text-dim);font-size:.95rem;line-height:1.6}.id-redirect-msg strong{color:var(--text)}.id-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative}.id-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.id-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 10% 80%,rgba(59,130,246,.08) 0%,transparent 50%)}.id-bg-orb{position:absolute;border-radius:50%;filter:blur(80px)}.id-bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);top:-200px;right:-100px;animation:orb-float 20s ease-in-out infinite}.id-bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);bottom:-150px;left:-100px;animation:orb-float 25s ease-in-out infinite reverse}.id-bg-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);top:40%;left:60%;animation:orb-float 18s ease-in-out infinite 5s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,30px) scale(1.02)}}.id-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 70%)}.id-bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");opacity:.5}.id-container{position:relative;z-index:1;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.id-hero{display:flex;align-items:center;gap:.1rem;margin-bottom:.75rem;position:relative}.id-hero-logo{width:56px;height:56px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 16px rgba(99,102,241,.4))}.id-hero-badge{font-size:1.1rem;font-weight:900;color:var(--accent-bright);letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),#A78BFA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:-.5rem;margin-left:-.15rem}.id-redirect-banner{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);font-size:.85rem;color:var(--accent-bright);width:100%}.id-redirect-banner strong{color:var(--text)}.id-card{width:100%;background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--surface-border);border-radius:var(--radius);padding:2.25rem;animation:card-in .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 1px #ffffff08 inset,0 16px 48px #0006,0 0 80px #6366f10f}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.id-card-title{text-align:center;margin-bottom:1.75rem}.id-card-title h1{font-size:1.65rem;font-weight:800;letter-spacing:-.03em;margin:0;background:linear-gradient(180deg,#fff,#c4c4d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.id-card-title p{margin:.4rem 0 0;font-size:.92rem;color:var(--text-dim)}.id-alert{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:1rem;background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2);line-height:1.4}.id-social{display:flex;flex-direction:column;gap:.75rem}.id-google-wrap{display:flex;justify-content:center;min-height:52px}.id-google-wrap>div{width:100%!important}.id-google-wrap iframe{width:100%!important;border-radius:999px!important}.id-apple-wrap{width:100%;cursor:pointer;border-radius:999px;overflow:hidden;height:52px;position:relative}#appleid-signin{width:100%!important;height:52px!important;border-radius:999px!important;overflow:hidden!important}#appleid-signin>div{width:100%!important;border-radius:999px!important}.id-apple-wrap:hover{opacity:.9}.id-apple-wrap:active{opacity:.8}.id-btn-apple{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;height:52px;background:#000;color:#fff;border:none;border-radius:999px;font-size:.95rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;cursor:pointer;transition:all .15s;letter-spacing:-.01em}.id-btn-apple:hover{background:#1a1a1a;transform:translateY(-1px)}.id-btn-apple:active{transform:translateY(0)}.id-btn-email{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;height:52px;background:transparent;color:var(--text);border:1px solid var(--surface-border);border-radius:999px;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.id-btn-email:hover{background:var(--surface-hover);border-color:#ffffff26}.id-divider{display:flex;align-items:center;gap:1rem;margin:.25rem 0}.id-divider:before,.id-divider:after{content:"";flex:1;height:1px;background:var(--surface-border)}.id-divider span{font-size:.72rem;color:var(--text-muted);font-weight:600;letter-spacing:.1em}.id-btn-main{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:52px;background:linear-gradient(135deg,var(--accent) 0%,#7C3AED 100%);color:#fff;border:none;border-radius:999px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;letter-spacing:-.01em;box-shadow:0 4px 20px var(--accent-glow);text-decoration:none}.id-btn-main:hover{transform:translateY(-2px);box-shadow:0 6px 28px var(--accent-glow);filter:brightness(1.1)}.id-btn-main:active{transform:translateY(0)}.id-btn-main:disabled{opacity:.5;cursor:not-allowed;transform:none}.id-form{display:flex;flex-direction:column;gap:1rem}.id-field{display:flex;flex-direction:column;gap:.35rem}.id-field label{font-size:.8rem;font-weight:600;color:var(--text-dim);letter-spacing:.02em}.id-input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;color:var(--text);transition:all .15s;outline:none}.id-input::placeholder{color:var(--text-muted)}.id-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff12}.id-input-wrap{position:relative}.id-input-wrap .id-input{padding-right:3rem}.id-input-eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;display:flex}.id-input-eye:hover{color:var(--text-dim)}.id-input-2fa{text-align:center;font-size:2rem!important;letter-spacing:.75rem;font-weight:700;padding:1rem!important;font-family:Inter,monospace}.id-2fa-icon{display:flex;justify-content:center;color:var(--accent-bright);margin-bottom:.25rem}.id-terms{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--text-muted);cursor:pointer}.id-terms input[type=checkbox]{width:16px;height:16px;margin-top:.1rem;accent-color:var(--accent);cursor:pointer}.id-terms a{color:var(--accent-bright);text-decoration:none}.id-terms a:hover{text-decoration:underline}.id-back-btn{display:flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--text-muted);font-size:.82rem;font-family:inherit;cursor:pointer;padding:0;margin-bottom:.5rem;transition:color .15s}.id-back-btn:hover{color:var(--accent-bright)}.id-toggle{text-align:center;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--surface-border);font-size:.92rem;color:var(--text-dim)}.id-toggle button{background:none;border:none;color:var(--accent-bright);font-weight:700;font-size:.92rem;cursor:pointer;font-family:inherit;transition:color .15s}.id-toggle button:hover{color:#fff;text-decoration:underline}.id-profile-top{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--surface-border)}.id-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--surface-border)}.id-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#7C3AED);color:#fff;font-size:1.6rem;font-weight:800}.id-profile-name{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:0}.id-profile-email{font-size:.85rem;color:var(--text-dim);margin:0}.id-provider-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px;background:#ffffff0f;color:var(--text-dim);border:1px solid var(--surface-border)}.id-section{margin-bottom:1.25rem}.id-section h3{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--text);margin:0 0 .25rem}.id-hint{font-size:.78rem;color:var(--text-muted);margin:0 0 .6rem}.id-token-box{display:flex;align-items:center;gap:.5rem;background:#0000004d;border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:.6rem .85rem}.id-token-box code{flex:1;font-size:.72rem;color:var(--text-dim);word-break:break-all;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.id-token-copy{background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:.3rem;border-radius:6px;display:flex;transition:all .15s;flex-shrink:0}.id-token-copy:hover{background:#ffffff14;color:var(--text)}.id-profile-actions{display:flex;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--surface-border)}.id-btn-dash{flex:1}.id-btn-logout{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;height:48px;background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2);border-radius:999px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.id-btn-logout:hover{background:#ef44442e;transform:translateY(-1px)}.id-footer{display:flex;align-items:center;gap:.75rem;font-size:.78rem;margin-top:.5rem}.id-footer a{color:var(--text-muted);text-decoration:none;transition:color .15s}.id-footer a:hover{color:var(--accent-bright)}.id-footer span{color:#ffffff1a}@media(max-width:520px){.id-card{padding:1.75rem 1.25rem}.id-card-title h1{font-size:1.35rem}.id-hero-logo{width:44px;height:44px}.id-profile-actions{flex-direction:column}.id-btn-apple,.id-btn-email,.id-btn-main{height:48px}}@media(max-width:360px){.id-card{padding:1.5rem 1rem}.id-card-title h1{font-size:1.2rem}}