body.id-page-body,body:has(.id-portal-root),body:has(.id-viewport),html:has(.id-portal-root),html:has(.id-viewport){padding:0!important;margin:0!important;width:100%!important;min-height:100vh!important;overflow-x:hidden!important}body.id-page-body,body:has(.id-viewport){background-image:none!important;background-color:#090a0f!important}:root[data-theme=light] body.id-page-body,:root[data-theme=light] body:has(.id-viewport){background-color:#f8fafc!important}.id-portal-root{margin:0;padding:0}.id-portal-root,.id-viewport{width:100%;min-height:100vh;display:flex;flex-direction:column}.id-viewport{position:relative;min-height:100dvh;justify-content:space-between;align-items:center;background-color:#090a0f;background-image:radial-gradient(1200px circle at 50% -50px,rgba(59,130,246,.14),transparent 70%),radial-gradient(900px circle at 50% 115%,rgba(139,92,246,.08),transparent 70%);background-attachment:fixed;color:var(--text,#f0f2f8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;box-sizing:border-box}:root[data-theme=light] .id-viewport{background-color:#f8fafc;background-image:radial-gradient(1200px circle at 50% -50px,rgba(59,130,246,.08),transparent 70%),radial-gradient(900px circle at 50% 115%,rgba(139,92,246,.05),transparent 70%);color:#0f172a}.id-viewport:before{content:"";position:absolute;inset:0;background-image:radial-gradient(hsla(0,0%,100%,.04) 1px,transparent 0);background-size:32px 32px;pointer-events:none;mask-image:radial-gradient(circle at 50% 40%,#000 30%,transparent 85%);-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 30%,transparent 85%);z-index:1}:root[data-theme=light] .id-viewport:before{background-image:radial-gradient(rgba(15,23,42,.04) 1px,transparent 0)}.id-top-bar{width:100%;max-width:1280px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.id-nav-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity .2s ease,transform .2s ease}.id-nav-brand:hover{opacity:.95;transform:translateY(-1px)}.id-brand-logo-img{width:34px;height:34px;-o-object-fit:contain;object-fit:contain;border-radius:9px;filter:drop-shadow(0 2px 8px rgba(59,130,246,.45))}.id-brand-icon-box{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.35)}.id-brand-name{font-size:19px;font-weight:800;letter-spacing:-.4px;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root[data-theme=light] .id-brand-name{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.id-top-actions{display:flex;align-items:center;gap:12px}.id-lang-wrapper,.id-top-actions{position:relative}.id-lang-toggle-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:var(--text,#e2e8f0);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}:root[data-theme=light] .id-lang-toggle-btn{background:#fff;border-color:rgba(0,0,0,.12);color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.05)}.id-lang-toggle-btn:hover{background:hsla(0,0%,100%,.09);border-color:hsla(0,0%,100%,.24)}:root[data-theme=light] .id-lang-toggle-btn:hover{background:#f1f5f9;border-color:rgba(0,0,0,.2)}.id-lang-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;max-height:320px;overflow-y:auto;background:#141724;border:1px solid hsla(0,0%,100%,.14);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.6);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:1000;backdrop-filter:blur(20px)}:root[data-theme=light] .id-lang-menu{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 16px 40px rgba(15,23,42,.12)}.id-lang-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}:root[data-theme=light] .id-lang-option{color:#475569}.id-lang-option:hover{background:hsla(0,0%,100%,.08);color:#fff}:root[data-theme=light] .id-lang-option:hover{background:#f1f5f9;color:#0f172a}.id-lang-option.active{background:rgba(59,130,246,.15);color:#60a5fa;font-weight:600}:root[data-theme=light] .id-lang-option.active{background:#eff6ff;color:#2563eb}.id-theme-toggle-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:var(--text,#e2e8f0);cursor:pointer;transition:all .2s ease}:root[data-theme=light] .id-theme-toggle-btn{background:#fff;border-color:rgba(0,0,0,.12);color:#334155}.id-theme-toggle-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.25)}:root[data-theme=light] .id-theme-toggle-btn:hover{background:#f1f5f9}.id-main-content{padding:24px 16px 40px;display:flex;justify-content:center;align-items:center;z-index:5}.id-card,.id-main-content{width:100%;position:relative}.id-card{max-width:440px;background:rgba(18,20,29,.88);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:36px 32px 32px;box-shadow:0 24px 60px -15px rgba(0,0,0,.65),inset 0 0 0 1px hsla(0,0%,100%,.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:transform .2s ease}:root[data-theme=light] .id-card{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 20px 50px -10px rgba(15,23,42,.1),inset 0 0 0 1px rgba(0,0,0,.03)}.id-brand-header{text-align:center;margin-bottom:24px}.id-brand-badge-wrap,.id-card-brand-row{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.id-card-mark-img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;border-radius:9px;filter:drop-shadow(0 4px 14px rgba(59,130,246,.45))}.id-logo-text{font-size:26px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#60a5fa,#a78bfa 50%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root[data-theme=light] .id-logo-text{background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.id-badge-pill{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:3px 8px;border-radius:8px;background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.35)}:root[data-theme=light] .id-badge-pill{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.id-title{font-size:20px;font-weight:700;margin:0 0 6px;color:var(--text,#fff)}:root[data-theme=light] .id-title{color:#0f172a}.id-subtitle{font-size:13.5px;color:var(--muted,#94a3b8);margin:0;line-height:1.45}:root[data-theme=light] .id-subtitle{color:#64748b}.id-target-badge{margin-top:14px;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:rgba(59,130,246,.08);border:1px dashed rgba(59,130,246,.3);border-radius:10px;font-size:12px;color:#93c5fd;max-width:100%;word-break:break-all}:root[data-theme=light] .id-target-badge{background:#eff6ff;border-color:#93c5fd;color:#1e40af}.id-tabs{display:flex;position:relative;background:rgba(0,0,0,.35);padding:4px;border-radius:12px;margin-bottom:22px;border:1px solid hsla(0,0%,100%,.08)}:root[data-theme=light] .id-tabs{background:#f1f5f9;border-color:rgba(0,0,0,.06)}.id-tab-btn{flex:1;padding:9px 12px;font-size:14px;font-weight:600;border:none;background:transparent;color:var(--muted,#94a3b8);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}:root[data-theme=light] .id-tab-btn{color:#64748b}.id-tab-btn.active{background:#1e2235;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35)}:root[data-theme=light] .id-tab-btn.active{background:#fff;color:#0f172a;box-shadow:0 2px 8px rgba(0,0,0,.08)}.id-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 16px;font-size:14px;font-weight:600;border-radius:12px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.05);color:var(--text,#f0f2f8);cursor:pointer;transition:all .2s ease;margin-bottom:18px}:root[data-theme=light] .id-google-btn{background:#fff;border-color:rgba(0,0,0,.14);color:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.05)}.id-google-btn:hover{background:hsla(0,0%,100%,.09);border-color:hsla(0,0%,100%,.28);transform:translateY(-1px)}:root[data-theme=light] .id-google-btn:hover{background:#f8fafc;border-color:rgba(0,0,0,.22)}.id-divider{display:flex;align-items:center;text-align:center;margin:16px 0 20px;color:var(--muted,#64748b);font-size:11.5px}:root[data-theme=light] .id-divider{color:#94a3b8}.id-divider:after,.id-divider:before{content:"";flex:1;border-bottom:1px solid hsla(0,0%,100%,.08)}:root[data-theme=light] .id-divider:after,:root[data-theme=light] .id-divider:before{border-bottom-color:rgba(0,0,0,.08)}.id-divider span{padding:0 12px;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.id-form{gap:16px}.id-form,.id-input-group{display:flex;flex-direction:column}.id-input-group{gap:6px}.id-label-row{display:flex;justify-content:space-between;align-items:center}.id-label{font-size:13px;font-weight:600;color:var(--text,#e2e8f0)}:root[data-theme=light] .id-label{color:#334155}.id-forgot-link{font-size:12px;font-weight:500;color:#60a5fa;text-decoration:none;transition:color .15s ease}:root[data-theme=light] .id-forgot-link{color:#2563eb}.id-forgot-link:hover{text-decoration:underline;color:#93c5fd}.id-input-wrap{position:relative;display:flex;align-items:center}.id-input{width:100%;padding:11px 14px;background:rgba(0,0,0,.28);border:1px solid hsla(0,0%,100%,.14);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:all .18s ease;box-sizing:border-box}:root[data-theme=light] .id-input{background:#f8fafc;border-color:rgba(0,0,0,.12);color:#0f172a}.id-input:focus{border-color:#3b82f6;background:rgba(0,0,0,.35);box-shadow:0 0 0 3px rgba(59,130,246,.25)}:root[data-theme=light] .id-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.id-input::-moz-placeholder{color:#64748b}.id-input::placeholder{color:#64748b}:root[data-theme=light] .id-input::-moz-placeholder{color:#94a3b8}:root[data-theme=light] .id-input::placeholder{color:#94a3b8}.id-eye-btn{position:absolute;right:10px;background:transparent;border:none;color:var(--muted,#94a3b8);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s ease}.id-eye-btn:hover{color:#fff}:root[data-theme=light] .id-eye-btn:hover{color:#0f172a}.id-submit-btn{margin-top:6px;width:100%;padding:12px 18px;font-size:14.5px;font-weight:700;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#60a5fa);color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 18px rgba(37,99,235,.35)}.id-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px rgba(37,99,235,.5);filter:brightness(1.06)}.id-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.id-error-box{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.32);border-radius:10px;padding:10px 14px;font-size:13px;color:#fca5a5;line-height:1.4;margin-bottom:16px;display:flex;align-items:center;gap:8px}:root[data-theme=light] .id-error-box{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.id-success-box{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.32);border-radius:10px;padding:10px 14px;font-size:13px;color:#6ee7b7;line-height:1.4;margin-bottom:16px;display:flex;align-items:center;gap:8px}:root[data-theme=light] .id-success-box{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.id-user-session-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:12px 0}.id-avatar{border-radius:50%;border:2px solid #3b82f6;-o-object-fit:cover;object-fit:cover}.id-avatar,.id-avatar-placeholder{width:72px;height:72px;box-shadow:0 0 20px rgba(59,130,246,.3)}.id-avatar-placeholder{border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}.id-user-name{font-size:18px;font-weight:700;color:var(--text,#fff);margin:0}:root[data-theme=light] .id-user-name{color:#0f172a}.id-user-email{font-size:13px;color:var(--muted,#94a3b8);margin:0}:root[data-theme=light] .id-user-email{color:#64748b}.id-session-actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:10px}.id-switch-btn{background:transparent;border:1px solid hsla(0,0%,100%,.15);color:var(--muted,#94a3b8);padding:10px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}:root[data-theme=light] .id-switch-btn{border-color:rgba(0,0,0,.12);color:#475569}.id-switch-btn:hover{background:hsla(0,0%,100%,.05);color:#fff}:root[data-theme=light] .id-switch-btn:hover{background:#f1f5f9;color:#0f172a}.id-page-footer{width:100%;max-width:720px;padding:24px 16px 32px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:10;text-align:center}.id-footer-links-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:13px}.id-footer-link{color:var(--muted,#94a3b8);text-decoration:none;font-weight:500;transition:color .15s ease}:root[data-theme=light] .id-footer-link{color:#64748b}.id-footer-link:hover{color:#60a5fa;text-decoration:underline}:root[data-theme=light] .id-footer-link:hover{color:#2563eb}.id-footer-sep{color:hsla(0,0%,100%,.2);font-size:12px}:root[data-theme=light] .id-footer-sep{color:rgba(0,0,0,.18)}.id-footer-copyright{font-size:12px;color:var(--muted,#64748b);letter-spacing:.2px}:root[data-theme=light] .id-footer-copyright{color:#94a3b8}.id-footer-security{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:rgba(148,163,184,.75);margin-top:2px}:root[data-theme=light] .id-footer-security{color:#94a3b8}@media (max-width:640px){.id-top-bar{padding:16px}.id-card{padding:26px 20px;border-radius:18px}.id-logo-text{font-size:23px}.id-title{font-size:18px}.id-footer-links-row{gap:8px}}