:root{--bg-primary: #0a0d14;--bg-secondary: #111726;--bg-card: rgba(18, 24, 38, .85);--border-color: rgba(255, 255, 255, .1);--border-focus: #3b82f6;--text-main: #f3f4f6;--text-muted: #9ca3af;--accent-emerald: #10b981;--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--danger-color: #ef4444;--font-base: "Inter", "Kantumruy Pro", sans-serif}[data-mode=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--border-color: #e2e8f0;--border-focus: #2563eb;--text-main: #0f172a;--text-muted: #64748b;--accent-emerald: #059669}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(circle at 15% 20%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(16,185,129,.08) 0%,transparent 40%)}.auth-shell{width:100%;max-width:480px;padding:1.5rem}.auth-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:1.25rem;padding:2.25rem;box-shadow:0 20px 40px -15px #00000080}.auth-head{text-align:center;margin-bottom:2rem}.brand-logo{display:inline-block;margin-bottom:1.5rem;transition:transform .2s ease}.brand-logo img{max-height:42px;width:auto;max-width:160px;object-fit:contain;display:block;background:transparent}.brand-logo:hover{transform:scale(1.03)}.auth-tabs{display:flex;background:#ffffff0a;padding:.3rem;border-radius:.75rem;border:1px solid var(--border-color)}.tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-weight:600;font-size:.9rem;padding:.65rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:var(--border-focus);color:#fff;box-shadow:0 4px 12px #3b82f64d}.view-intro{margin-bottom:1.75rem}.view-intro h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.view-intro p{color:var(--text-muted);font-size:.875rem;line-height:1.4}.input-group{margin-bottom:1.25rem}.input-group label{display:block;font-size:.825rem;font-weight:600;margin-bottom:.4rem;color:var(--text-main)}.label-row{display:flex;justify-content:space-between;align-items:center}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.input-wrap input{width:100%;background:#ffffff08;border:1px solid var(--border-color);border-radius:.625rem;padding:.75rem 1rem .75rem 2.75rem;color:var(--text-main);font-size:.925rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-wrap input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f633}.phone-wrap{position:relative}.phone-flag{position:absolute;left:.75rem;font-weight:700;font-size:.85rem;color:var(--text-main);background:#ffffff14;padding:.25rem .5rem;border-radius:.35rem;pointer-events:none}.phone-wrap input{padding-left:5.5rem;padding-right:6.5rem}.carrier-badge{position:absolute;right:.75rem;font-size:.75rem;font-weight:700;background:#10b98126;color:var(--accent-emerald);padding:.25rem .5rem;border-radius:.35rem;border:1px solid rgba(16,185,129,.3)}.hint-text{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.3rem}.toggle-pwd-btn{position:absolute;right:.85rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.toggle-pwd-btn:hover{color:var(--text-main)}.link-btn{background:transparent;border:none;color:var(--accent-cyan);font-size:.8rem;font-weight:500;cursor:pointer}.link-btn:hover{text-decoration:underline}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-muted)}.checkbox-label input{accent-color:var(--border-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.95rem;padding:.8rem 1.5rem;border-radius:.625rem;cursor:pointer;border:none;transition:all .2s ease}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-main)}.btn-google{background:#fff;color:#1f2937;border:1px solid rgba(0,0,0,.12);font-weight:600;font-size:.925rem;box-shadow:0 2px 6px #00000014;transition:all .2s ease;cursor:pointer}.btn-google:hover{background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.btn-google:active{transform:scale(.98)}[data-mode=dark] .btn-google{background:#182235;color:#f3f4f6;border-color:#ffffff24}[data-mode=dark] .btn-google:hover{background:#202d45}.google-icon{width:18px;height:18px;flex-shrink:0;display:block}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.25rem 0;color:var(--text-muted);font-size:.725rem;font-weight:700;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.auth-divider span{padding:0 .85rem}.auth-alert{padding:.85rem 1rem;border-radius:.625rem;font-size:.85rem;margin-bottom:1.25rem;line-height:1.4}.auth-alert.error{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3)}.auth-alert.success{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3)}.auth-footer{margin-top:1.75rem;text-align:center;border-top:1px solid var(--border-color);padding-top:1.25rem}.back-store-link{color:var(--text-muted);font-size:.85rem;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:color .2s ease}.back-store-link:hover{color:var(--text-main)}.hidden{display:none!important}