.mavi-auth{--gold:#5BB4D6;--gold-lt:#F4941F;--gold-dk:#5BB4D6;--ink:#F3F9FC;--ink2:#fff;--cream:#243A46;--muted:#526B79;--border:#D5E7EF;background:var(--ink);color:var(--cream);font-family:Inter,sans-serif}.mavi-auth:before{display:none}.mavi-auth .f-display{font-family:Plus Jakarta Sans,Inter,sans-serif;letter-spacing:-.04em}[x-cloak]{display:none!important}.login-nav{min-height:88px;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);background:#fff}.auth-brand{display:flex;align-items:center;gap:10px}.auth-nav-actions{display:flex;align-items:center;gap:24px}.back-link{color:var(--gold);font-size:12px;font-weight:600}.back-link:hover{text-decoration:underline;text-underline-offset:4px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 88px)}.auth-left{display:flex;align-items:center;padding:64px 48px;background:radial-gradient(ellipse at top left,#D9EDF8,transparent 70%),#eaf5fa;border-right:1px solid var(--border)}.auth-story{width:100%;max-width:530px;margin:auto}.auth-eyebrow{display:block;margin-bottom:22px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.auth-story h1{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(32px,3.5vw,52px);line-height:1.2;letter-spacing:-.05em;font-weight:700}.auth-story h1 em{color:var(--gold);font-style:normal}.auth-story p{margin-top:24px;color:var(--muted);font-size:15px;line-height:1.8}.auth-instruments{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0}.auth-instruments>div{padding:8px;border-radius:16px;background:#fff1dc;border:1px solid rgba(36,58,70,.08);transform:rotate(-5deg)}.auth-instruments>div:nth-child(2){background:#fff;transform:translateY(-12px) rotate(3deg)}.auth-instruments>div:nth-child(3){background:#edf3e7;transform:rotate(6deg)}.auth-instruments svg{width:100%;height:auto}.auth-story-note{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);line-height:1.7}.auth-story-note>span{color:#f7931e;font-size:28px}.auth-right{display:flex;align-items:center;justify-content:center;padding:56px 32px}.auth-form-wrap{width:100%;max-width:440px}.auth-card{background:#fff;padding:36px;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 35px #5bb4d60d}.auth-input{width:100%;padding:13px 44px 13px 42px;min-height:48px;border:1px solid #afc8ce;border-radius:10px;color:var(--cream);background:var(--ink);font:inherit;font-size:14px}.auth-input::-moz-placeholder{color:#687f87}.auth-input::placeholder{color:#687f87}.auth-input:focus{outline:2px solid var(--gold);outline-offset:2px}.auth-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--cream)}.btn-gold{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;color:#fff;background:var(--gold);border:1px solid var(--gold);border-radius:10px;font-size:14px;font-weight:650;cursor:pointer;transition:background .2s}.btn-gold:hover{background:#f4941f}.auth-checkbox{width:18px;height:18px;accent-color:var(--gold)}.mavi-auth .auth-password-toggle{width:44px;height:44px;right:3px!important;justify-content:center;border-radius:8px}.mavi-auth .auth-password-toggle:hover{background:#e3f3fa!important}.mavi-auth .auth-card h2{font-size:clamp(24px,3vw,30px)!important}@media(max-width:600px){.mavi-auth .auth-input{font-size:16px!important}}.auth-alert{display:flex;gap:10px;background:#fff1f2;border:1px solid #eab4b8;color:#a82128;padding:14px;border-radius:10px;font-size:13px}.auth-alert-success{background:#f0f7e9;border-color:#bad6a1;color:#416c20}.input-error-state{border-color:#e92b32}.auth-footer{text-align:center;color:var(--muted);font-size:11px;margin:26px 0 0}.auth-footer a{color:var(--gold)}.mavi-auth :focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:40px 20px}.login-nav{padding:16px 20px}.auth-nav-actions{gap:16px}}@media(max-width:520px){.login-nav{flex-wrap:wrap}.auth-nav-actions{width:100%;justify-content:space-between}.auth-card{padding:26px 22px}.auth-right{align-items:start}}@media(prefers-reduced-motion:reduce){.mavi-auth *{transition:none!important}}