@font-face{font-family:AuthVazirmatn;src:url('../../assets/fonts/vazirmatn/Vazirmatn-RD-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:AuthVazirmatn;src:url('../../assets/fonts/vazirmatn/Vazirmatn-RD-Medium.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:AuthVazirmatn;src:url('../../assets/fonts/vazirmatn/Vazirmatn-RD-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:AuthInter;src:url('../../assets/fonts/en/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--auth-ink:#433d4b;--auth-muted:#786d82;--auth-accent:#8267c6;--auth-surface:linear-gradient(145deg,#f5f1f7,#e7e0eb 70%,#ddd4e4);--auth-shadow:4px 7px 13px rgba(68,52,79,.2),inset 2px 3px 6px rgba(255,255,255,.85),inset -3px -4px 7px rgba(95,75,112,.16);--auth-inset:inset 3px 4px 8px rgba(78,59,92,.2),inset -2px -3px 5px rgba(255,255,255,.82)}
html{min-height:100%;background:#d4ccd9;scroll-behavior:smooth}
body.auth-body{min-width:320px;min-height:100dvh;margin:0;padding:clamp(14px,3vw,32px);background:radial-gradient(circle at 15% 10%,#fff9 0 10%,transparent 36%),radial-gradient(circle at 90% 90%,#c7b5d655,transparent 38%),linear-gradient(145deg,#ddd4e2,#cfc3d5);color:var(--auth-ink);font:14px/1.8 AuthVazirmatn,Tahoma,sans-serif}
.auth-body *,.auth-body *::before,.auth-body *::after{box-sizing:border-box}.auth-body :is(button,input){font:inherit}.auth-body button,.auth-body a{cursor:pointer}.auth-body a{color:inherit;text-decoration:none}.auth-body svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-body :is(button,a,input):focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px}
.auth-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,500px);align-items:center;gap:clamp(28px,6vw,92px);width:min(1080px,100%);min-height:calc(100dvh - 64px);margin:auto}
.auth-intro{display:grid;align-content:center;gap:30px;min-width:0;padding:28px}.auth-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;color:var(--auth-ink)}.auth-brand .brand-mark{display:grid;place-items:center;width:57px;height:57px;border-radius:20px;background:linear-gradient(145deg,#a990dc,#704fae);box-shadow:var(--auth-shadow);color:#fff}.auth-brand .brand-mark svg{width:28px;height:28px}.auth-brand .brand-copy{display:grid;gap:1px}.auth-brand .brand-copy strong{font-size:19px;font-weight:900}.auth-brand .brand-copy small{color:var(--auth-muted);font-size:11px;font-weight:600}.auth-intro-copy{max-width:520px}.auth-intro-copy .eyebrow,.auth-card-head .eyebrow{display:block;color:#7254a7;font-size:12px;font-weight:800}.auth-intro-copy h1{margin:8px 0 12px;font-size:clamp(29px,4vw,48px);line-height:1.45;letter-spacing:-.4px}.auth-intro-copy p{max-width:470px;margin:0;color:var(--auth-muted);font-size:15px;line-height:2}.auth-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px}.auth-benefits>div{display:grid;justify-items:center;gap:8px;padding:14px 8px;border-radius:17px;background:rgba(250,247,251,.36);box-shadow:var(--auth-inset);text-align:center}.auth-benefits>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#f5f0f8,#dcd0e7);box-shadow:var(--auth-shadow);color:var(--auth-accent)}.auth-benefits strong{font-size:12px}
.auth-card{width:100%;padding:clamp(20px,4vw,31px);border:1px solid #fff9;border-radius:29px;background:var(--auth-surface);box-shadow:8px 14px 30px rgba(61,44,75,.25),inset 2px 3px 6px #fff9}.auth-card-head{display:flex;align-items:center;gap:13px;margin-bottom:22px}.auth-card-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:17px;background:linear-gradient(145deg,#ab91df,#7554b0);box-shadow:var(--auth-shadow);color:#fff}.auth-card-head h2{margin:2px 0 0;font-size:22px}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:18px;padding:6px;border-radius:15px;background:#ded5e5;box-shadow:var(--auth-inset)}.auth-tab{min-height:42px;border:0;border-radius:11px;background:transparent;color:var(--auth-muted);font-weight:800;transition:.18s ease}.auth-tab.is-active{background:linear-gradient(145deg,#aa91dd,#7656b1);box-shadow:var(--auth-shadow);color:#fff}.auth-message{min-height:0}.auth-message:not(:empty){margin-bottom:13px;padding:10px 12px;border-radius:12px;background:#f6e3e8;box-shadow:var(--auth-inset);color:#963b54;font-size:12px;font-weight:600}.auth-form{display:none;gap:14px}.auth-form.is-visible{display:grid;animation:auth-form-in .22s ease both}@keyframes auth-form-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.auth-form .field{display:grid;gap:6px;color:#554967;font-size:12px;font-weight:800}.field-control{display:flex;align-items:center;gap:8px;min-width:0;min-height:49px;padding:5px 10px;border:1px solid #d2c4dd;border-radius:14px;background:#fbf9fc;box-shadow:inset 2px 3px 7px #6046711c;transition:.18s ease}.field-control:focus-within{border-color:#9d7bd6;background:#fff;box-shadow:inset 2px 3px 7px #6046711c,0 0 0 3px #9d7bd633}.field-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:#e8dff1;color:#7653b0}.field-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--auth-ink);font-size:14px}.field-control input::placeholder{color:#b1a6ba}.password-toggle{display:grid;place-items:center;flex:none;width:31px;height:31px;border:0;border-radius:9px;background:#eee6f3;color:#8065a5}.password-toggle svg{width:16px;height:16px}.primary-button,.secondary-button,.auth-passkey-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;font-weight:800;text-align:center;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary-button:active,.secondary-button:active,.auth-passkey-button:active{transform:translateY(2px);box-shadow:var(--auth-inset)}.auth-submit{width:100%;min-height:50px;margin-top:3px;padding:10px 15px;background:linear-gradient(145deg,#a58bdb,#7051b0);box-shadow:var(--auth-shadow);color:#fff}.auth-submit svg{width:18px}.auth-passkey-button{width:100%;min-height:43px;padding:8px 13px;border:1px solid #cab9dc;background:linear-gradient(145deg,#f5eef9,#e1d5ea);box-shadow:var(--auth-shadow);color:#65479a}.demo-access{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:12px;border-radius:16px;background:#e8f2ed;box-shadow:var(--auth-inset);color:#356851}.demo-access>div{min-width:0}.demo-access p{margin:2px 0 0;font-size:11px;line-height:1.7}.demo-badge{display:inline-block;padding:2px 8px;border-radius:8px;background:#68b58a;color:#fff;font-size:10px;font-weight:800}.secondary-button{flex:none;padding:8px 12px;background:linear-gradient(145deg,#f8f1fb,#dfd0e9);box-shadow:var(--auth-shadow);color:#65479a;font-size:12px}.auth-footnote{margin:20px 0 0;color:var(--auth-muted);font-size:11px;text-align:center}
@media(max-width:820px){body.auth-body{padding:14px}.auth-layout{grid-template-columns:1fr;gap:20px;max-width:530px;min-height:auto;padding:10px 0}.auth-intro{gap:18px;padding:12px 4px;text-align:center}.auth-brand{margin:auto}.auth-intro-copy{margin:auto}.auth-intro-copy h1{font-size:29px}.auth-intro-copy p{font-size:13px}.auth-benefits{width:100%;margin:auto}.auth-card{margin-bottom:14px}}
@media(max-width:470px){.auth-benefits{gap:7px}.auth-benefits>div{padding:10px 4px}.auth-benefits strong{font-size:10px}.auth-card{padding:19px;border-radius:23px}.auth-card-head h2{font-size:19px}.demo-access{align-items:stretch;flex-direction:column}.secondary-button{width:100%}}
@media(prefers-reduced-motion:reduce){.auth-tab,.auth-submit,.auth-passkey-button,.auth-form{transition:none;animation:none}}
.auth-passkey-help{display:block;margin:-7px 2px 0;color:var(--auth-muted);font-size:11px;line-height:1.8;text-align:center}

body.auth-body{padding:0 0 90px}.auth-body .auth-layout{padding:24px 16px;min-height:70dvh}
.auth-body .auth-layout{grid-template-columns:minmax(0,1fr);gap:22px;max-width:530px}.auth-body .auth-intro{padding:12px 4px;text-align:center;gap:18px}.auth-body .auth-brand{margin:auto}.auth-body .auth-intro-copy h1{font-size:29px}.auth-body .auth-intro-copy p{font-size:13px}.auth-body .auth-benefits{width:100%;margin:auto}