:root{--ink:#0d2c24;--muted:#687a74;--brand:#087f5b;--brand2:#23b485;--cream:#f5f0e5;--line:rgba(13,44,36,.12);--danger:#a43d3d}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,rgba(35,180,133,.18),transparent 34%),radial-gradient(circle at 92% 82%,rgba(222,181,92,.2),transparent 28%),#f8faf7}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,540px) minmax(320px,1fr);direction:ltr}.auth-card,.auth-story{direction:rtl}.auth-card{display:flex;align-items:center;justify-content:center;padding:42px 6vw;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:20px 0 70px rgba(12,55,42,.08);z-index:2}.auth-inner{width:min(100%,430px)}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;margin-bottom:36px}.brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(8,127,91,.14))}.brand strong{font-size:1.12rem;display:block}.brand span{font-size:.82rem;color:var(--muted)}.kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(8,127,91,.09);color:var(--brand);font-weight:800;font-size:.78rem}.auth-inner h1{margin:16px 0 8px;font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:-.04em}.lead{color:var(--muted);line-height:1.9;margin:0 0 24px}.module-tabs,.method-tabs{display:grid;gap:8px}.module-tabs{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.method-tabs{grid-template-columns:1fr 1fr;margin:18px 0}.tab{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:14px;padding:11px 8px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;text-decoration:none;text-align:center;transition:.2s}.tab:hover,.tab.active{border-color:rgba(8,127,91,.5);background:rgba(8,127,91,.07);color:var(--brand);transform:translateY(-1px)}.field{margin-bottom:14px}.field label{display:block;font-size:.82rem;font-weight:850;margin:0 3px 7px}.input{width:100%;height:52px;border:1px solid var(--line);border-radius:15px;padding:0 16px;font:inherit;background:#fff;color:var(--ink);outline:none;transition:.2s}.input:focus{border-color:var(--brand2);box-shadow:0 0 0 4px rgba(35,180,133,.12)}.input[dir=ltr]{letter-spacing:.08em;text-align:left}.button{width:100%;min-height:52px;border:0;border-radius:15px;padding:12px 18px;font:inherit;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 14px 30px rgba(8,127,91,.24);transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(8,127,91,.3)}.button:disabled{opacity:.6;cursor:wait;transform:none}.button.secondary{background:#fff;color:var(--brand);border:1px solid rgba(8,127,91,.26);box-shadow:none;margin-top:9px}.message{display:none;border-radius:13px;padding:11px 13px;margin:13px 0;font-size:.85rem;line-height:1.8}.message.show{display:block}.message.ok{background:#e8f8f1;color:#17694f}.message.err{background:#fff0f0;color:var(--danger)}.step-code{display:none}.step-code.show{display:block}.privacy{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:.75rem;line-height:1.8;margin-top:18px}.auth-story{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:7vw;background:linear-gradient(145deg,rgba(5,50,38,.92),rgba(6,93,67,.82)),url('/assets/img/logo.png') center/380px no-repeat;color:#fff}.auth-story:before,.auth-story:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:460px;height:460px;top:-180px;left:-120px}.auth-story:after{width:260px;height:260px;top:-80px;left:-20px}.story-copy{position:relative;z-index:1;max-width:680px}.story-copy h2{font-size:clamp(2rem,5vw,4.6rem);line-height:1.25;margin:0 0 20px;letter-spacing:-.045em}.story-copy p{font-size:1.05rem;line-height:2;color:rgba(255,255,255,.78);max-width:560px}.story-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.story-points span{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);padding:9px 13px;border-radius:999px;font-size:.8rem}@media(max-width:850px){.auth-shell{display:block}.auth-story{display:none}.auth-card{min-height:100vh;padding:28px 20px}.module-tabs{grid-template-columns:1fr}.brand{margin-bottom:25px}}
