.id-page-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background-color:var(--bg,#090a0f);background-image:radial-gradient(circle at 50% 15%,rgba(59,130,246,.15) 0,transparent 60%),radial-gradient(circle at 80% 85%,rgba(236,72,153,.08) 0,transparent 50%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.1) 0,transparent 50%);background-attachment:fixed;color:var(--text,#f0f2f8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden}.id-card{width:100%;max-width:460px;background:var(--surface-raised,#13151f);border:1px solid var(--line,hsla(0,0%,100%,.12));border-radius:24px;padding:36px 32px;box-shadow:0 24px 70px rgba(0,0,0,.6),inset 0 0 1px 1px hsla(0,0%,100%,.08);position:relative;z-index:2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}:root[data-theme=light] .id-card{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 20px 60px rgba(15,23,42,.1)}.id-brand-header{text-align:center;margin-bottom:28px}.id-brand-badge-wrap{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}.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}.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,.3)}.id-title{font-size:20px;font-weight:700;margin:0 0 8px;color:var(--text,#fff)}.id-subtitle{font-size:14px;color:var(--muted,#94a3b8);margin:0;line-height:1.5}.id-target-badge{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:hsla(0,0%,100%,.04);border:1px dashed var(--line,hsla(0,0%,100%,.18));border-radius:12px;font-size:12px;color:#a5b4fc;max-width:100%;word-break:break-all}.id-tabs{display:flex;background:rgba(0,0,0,.3);padding:4px;border-radius:12px;margin-bottom:24px;border:1px solid var(--line,hsla(0,0%,100%,.06))}.id-tab-btn{flex:1;padding:10px;font-size:14px;font-weight:600;border:none;background:transparent;color:var(--muted,#94a3b8);border-radius:8px;cursor:pointer;transition:all .18s ease}.id-tab-btn.active{background:var(--surface,#1e2235);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.id-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;font-size:14px;font-weight:600;border-radius:12px;border:1px solid var(--line,hsla(0,0%,100%,.16));background:hsla(0,0%,100%,.05);color:var(--text,#f0f2f8);cursor:pointer;transition:all .2s ease;margin-bottom:20px}.id-google-btn:hover{background:hsla(0,0%,100%,.09);border-color:hsla(0,0%,100%,.28);transform:translateY(-1px)}.id-divider{display:flex;align-items:center;text-align:center;margin:18px 0;color:var(--muted,#64748b);font-size:12px}.id-divider:after,.id-divider:before{content:"";flex:1;border-bottom:1px solid var(--line,hsla(0,0%,100%,.1))}.id-divider span{padding:0 12px;text-transform:uppercase;letter-spacing:.5px}.id-form{gap:16px}.id-form,.id-input-group{display:flex;flex-direction:column}.id-input-group{gap:6px}.id-label{font-size:13px;font-weight:600;color:var(--text,#e2e8f0)}.id-input-wrap{position:relative;display:flex;align-items:center}.id-input{width:100%;padding:12px 14px;background:rgba(0,0,0,.25);border:1px solid var(--line,hsla(0,0%,100%,.15));border-radius:10px;color:#fff;font-size:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.id-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.25)}.id-eye-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--muted,#94a3b8);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.id-submit-btn{margin-top:8px;width:100%;padding:13px 18px;font-size:15px;font-weight:700;border:none;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#ec4899);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 18px rgba(59,130,246,.35)}.id-submit-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 6px 22px rgba(59,130,246,.45)}.id-submit-btn:disabled{opacity:.6;cursor:not-allowed}.id-error-box{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);border-radius:10px;color:#fca5a5}.id-error-box,.id-success-box{padding:12px 14px;font-size:13px;line-height:1.4;margin-bottom:16px}.id-success-box{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);border-radius:10px;color:#6ee7b7}.id-user-session-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:16px 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:#fff;margin:0}.id-user-email{font-size:13px;color:var(--muted,#94a3b8);margin:0}.id-session-actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:12px}.id-switch-btn{background:transparent;border:1px solid var(--line,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}.id-switch-btn:hover{background:hsla(0,0%,100%,.05);color:#fff}.id-footer{margin-top:24px;text-align:center;font-size:12px;color:var(--muted,#64748b);display:flex;flex-direction:column;gap:6px}.id-footer a{color:#94a3b8;text-decoration:none}.id-footer a:hover{color:#60a5fa;text-decoration:underline}