:root{--radius:999px;--radius-float:32px;--ease:cubic-bezier(.22, .61, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dark-void:#151419;--liquid-lava:#f56e0f;--gluon-grey:#1b1b1e;--slate-grey:#262626;--dusty-grey:#878787;--snow:#fbfbfb;--brand-orange:var(--liquid-lava);--error-red:#ef4444}html[data-theme=night]{--bg:var(--dark-void);--bg-elev:var(--gluon-grey);--bg-card:var(--gluon-grey);--bg-card-hover:var(--dark-void);--bg-input:var(--dark-void);--bg-sunken:var(--dark-void);--ink:var(--snow);--ink-soft:var(--dusty-grey);--ink-faint:#878787b3;--ink-ghost:#87878766;--ink-mute:var(--slate-grey);--line:var(--slate-grey);--line-soft:var(--gluon-grey);--line-faint:#26262680;--accent:var(--brand-orange);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #00000040, 0 4px 12px #00000026;--shadow-md:0 2px 6px #00000040, 0 8px 24px #0003;--shadow-float:0 24px 80px #0006, 0 8px 32px #0000004d;--panel-shadow:-12px 16px 48px #0009, inset 0 1px 1px #ffffff08;--dot-page:#fbfbfb08}html[data-theme=day]{--bg:#f3f3f3;--bg-elev:var(--snow);--bg-card:var(--snow);--bg-card-hover:#f8f8f8;--bg-input:var(--snow);--bg-sunken:#ebebeb;--ink:var(--dark-void);--ink-soft:#555;--ink-faint:#15141999;--ink-ghost:#1514194d;--ink-mute:#d1d1d1;--line:#d1d1d1;--line-soft:#0000000f;--line-faint:#00000008;--accent:var(--brand-orange);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 2px #00000008, 0 2px 8px #0000000a;--shadow-md:0 2px 4px #0000000a, 0 6px 20px #0000000d;--shadow-float:0 24px 80px #00000014, 0 8px 32px #0000000f;--panel-shadow:-12px 16px 48px #0000001f, inset 0 1px 1px #fff9;--dot-page:#1514190a}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;transition:background .5s var(--ease), color .5s var(--ease);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Vazirmatn,system-ui,sans-serif;font-size:14px;line-height:1.5;display:flex;overflow:hidden auto}::selection{background:var(--ink-soft);color:var(--bg-elev)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,textarea{font-family:inherit}.mono{letter-spacing:0;font-family:Vazirmatn,monospace}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0}.dot-grid{z-index:0;pointer-events:none;background-image:radial-gradient(circle, var(--dot-page) 1px, transparent 1px);background-position:0 0;background-size:28px 28px;position:fixed;inset:0}.grain{display:none}.auth{z-index:2;background:var(--bg-elev);border:1px solid var(--line-faint);width:100%;max-width:1060px;min-height:620px;box-shadow:var(--shadow-float);transition:background .5s var(--ease), border-color .3s var(--ease);border-radius:40px;grid-template-columns:1.1fr 1fr;gap:0;padding:12px;display:grid;position:relative}html[dir=rtl] .auth{direction:rtl}.auth-form-col{flex-direction:column;gap:48px;min-width:0;min-height:0;padding:32px 40px 40px;display:flex}.auth-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand-logo{letter-spacing:-.03em;-webkit-user-select:none;user-select:none;color:var(--ink);align-items:baseline;font-size:17px;font-weight:700;display:inline-flex}.i-wrap{justify-content:center;width:.25em;margin:0 1px;display:inline-flex;position:relative}.logo-dot{background:var(--accent);border-radius:50%;width:.22em;height:.22em;animation:2.4s infinite bounceDot;position:absolute;top:-.05em;left:50%;transform:translate(-50%)}@keyframes bounceDot{0%,20%,to{animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:translate(-50%)}60%{animation-timing-function:cubic-bezier(.8,0,.8,.2);transform:translate(-50%,-8px)}}.auth-toggles{align-items:center;gap:8px;display:flex}.lang-btn{border-radius:var(--radius);background:var(--bg-input);border:1px solid var(--line-soft);height:38px;color:var(--ink-soft);letter-spacing:.04em;transition:all .2s var(--ease-soft);align-items:center;padding:0 16px;font-family:Vazirmatn,monospace;font-size:11.5px;font-weight:600;display:inline-flex}.lang-btn:hover{background:var(--bg-card-hover);color:var(--ink);border-color:var(--line)}.icon-btn{border-radius:var(--radius);width:38px;height:38px;color:var(--ink-soft);background:var(--bg-input);border:1px solid var(--line-soft);transition:background .2s var(--ease-soft), color .2s var(--ease-soft), border-color .2s var(--ease-soft);place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--bg-card-hover);color:var(--ink);border-color:var(--line)}.icon-btn svg{width:16px;height:16px}.icon-btn .icon-moon,html[data-theme=day] .icon-btn .icon-sun{display:none}html[data-theme=day] .icon-btn .icon-moon{display:block}.auth-card{box-shadow:none;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.auth-form-state,.auth-success-state{width:100%;max-width:420px;animation:stateIn .5s var(--ease-out-expo) backwards;flex-direction:column;gap:24px;display:flex}@keyframes stateIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-success-state{align-items:flex-start;gap:20px}.auth-success-state[hidden],.auth-form-state[hidden]{display:none}.auth-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-ghost);align-items:center;gap:8px;font-family:Vazirmatn,monospace;font-size:10.5px;font-weight:500;display:inline-flex}.auth-eyebrow .eb-dot{background:var(--ink-ghost);border-radius:50%;width:4px;height:4px}.auth-headline{letter-spacing:-.02em;color:var(--ink);font-size:28px;font-weight:600;line-height:1.15}html[dir=rtl] .auth-headline{letter-spacing:-.01em}.auth-subhead{color:var(--ink-faint);max-width:380px;font-size:14.5px;font-weight:400;line-height:1.55}.auth-form{flex-direction:column;gap:14px;margin-top:4px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-family:Vazirmatn,monospace;font-size:10.5px;font-weight:500}.auth-input{background:var(--bg-input);border:1px solid var(--line-soft);width:100%;height:52px;color:var(--ink);letter-spacing:-.005em;transition:border-color .2s var(--ease-soft), background .2s var(--ease-soft), box-shadow .2s var(--ease-soft);border-radius:16px;outline:none;padding:0 20px;font-size:14.5px;font-weight:500}html[dir=rtl] .auth-input{letter-spacing:0}.auth-input::placeholder{color:var(--ink-mute);font-weight:400}.auth-input:hover{border-color:var(--line)}.auth-input:focus{border-color:var(--ink-soft);background:var(--bg-sunken);box-shadow:0 0 0 3px #8787870d}.auth-error{color:var(--error-red);align-items:center;gap:6px;margin-top:-4px;margin-bottom:8px;font-size:13.5px;font-weight:500;display:flex}.auth-error[hidden]{display:none}.auth-submit{background:var(--ink);height:52px;color:var(--bg-elev);border-radius:var(--radius);letter-spacing:-.005em;transition:transform .2s var(--ease-spring), box-shadow .2s var(--ease-soft), opacity .2s var(--ease-soft);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:0 24px;font-size:14.5px;font-weight:500;display:inline-flex}.auth-submit:disabled{opacity:.6;pointer-events:none}html[dir=rtl] .auth-submit{letter-spacing:0}.auth-submit:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-submit:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.auth-submit .arrow{transition:transform .2s var(--ease-spring);font-family:Vazirmatn,sans-serif;display:inline-block}html[dir=rtl] .auth-submit .arrow{transform:scaleX(-1)}.auth-submit:hover .arrow{transform:translate(2px)}html[dir=rtl] .auth-submit:hover .arrow{transform:scaleX(-1)translate(-2px)}.auth-toggle{color:var(--ink-faint);cursor:pointer;transition:color .2s var(--ease-soft);align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:6px 0;font-size:13px;font-weight:500;display:inline-flex}.auth-toggle:hover{color:var(--ink)}.auth-toggle .arrow{transition:transform .2s var(--ease-spring);color:var(--ink-soft);font-family:Vazirmatn,sans-serif;display:inline-block}html[dir=rtl] .auth-toggle .arrow{transform:scaleX(-1)}.auth-toggle:hover .arrow{transform:translate(2px)}html[dir=rtl] .auth-toggle:hover .arrow{transform:scaleX(-1)translate(-2px)}.success-mark{background:var(--ink);width:48px;height:48px;color:var(--bg-elev);box-shadow:var(--shadow-sm);border-radius:14px;place-items:center;display:grid}.success-mark svg{fill:currentColor;width:24px;height:24px}.success-text{color:var(--ink);letter-spacing:-.01em;font-size:16px;font-weight:500;line-height:1.5}html[dir=rtl] .success-text{letter-spacing:0}.success-meta{color:var(--ink-faint);letter-spacing:.04em;align-items:center;gap:8px;margin-top:2px;font-family:Vazirmatn,monospace;font-size:11px;display:inline-flex}.success-meta .sm-dot{background:var(--ink-faint);border-radius:50%;width:4px;height:4px}.auth-context-col{min-width:0;min-height:0;display:flex}.context-panel{background:linear-gradient(180deg, #fbfbfb08, #fbfbfb00), var(--bg-card);box-shadow:var(--panel-shadow);z-index:10;transition:background .5s var(--ease), box-shadow .5s var(--ease);-webkit-backdrop-filter:blur(28px)saturate(150%);border-radius:32px;flex-direction:column;flex:1;justify-content:space-between;padding:48px 40px;display:flex;position:relative;overflow:hidden}.context-panel:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:.45;background:linear-gradient(135deg,#fbfbfb14,#fbfbfb04 32%,#0000 60%);border-radius:31px;position:absolute;inset:1px}html[data-theme=day] .context-panel:before{opacity:.28;mix-blend-mode:normal}.context-glow{top:-150px;filter:blur(72px);opacity:.72;pointer-events:none;z-index:0;width:520px;height:520px;transition:opacity .5s var(--ease);background:radial-gradient(circle,#f56e0feb 0%,#f56e0f7a 20%,#f56e0f29 42%,#0000 68%);position:absolute;inset-inline-end:-160px}.context-glow:after{content:"";bottom:-180px;filter:blur(64px);opacity:.75;background:radial-gradient(circle,#f56e0f38 0%,#f56e0f14 38%,#0000 72%);width:360px;height:360px;position:absolute;inset-inline-start:-220px}html[data-theme=day] .context-glow{opacity:.34}.context-content{z-index:2;flex-direction:column;justify-content:space-between;gap:32px;height:100%;display:flex;position:relative}.context-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.context-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-ghost);align-items:center;gap:8px;font-family:Vazirmatn,monospace;font-size:10.5px;font-weight:500;display:inline-flex}.context-eyebrow .ce-dot{background:var(--ink-ghost);border-radius:50%;width:4px;height:4px}.context-mid{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.context-title{letter-spacing:-.02em;color:var(--ink);max-width:320px;font-size:20px;font-weight:600;line-height:1.3}html[dir=rtl] .context-title{letter-spacing:-.005em}.context-caption{color:var(--ink-faint);max-width:340px;font-size:14px;font-weight:400;line-height:1.6}.context-spec{color:var(--ink-ghost);letter-spacing:.04em;flex-wrap:wrap;gap:8px 6px;margin-top:4px;font-family:Vazirmatn,monospace;font-size:10.5px;font-weight:500;display:flex}.context-spec .cs-item{align-items:center;gap:6px;display:inline-flex}.context-spec .cs-item:before{content:"";background:var(--ink-ghost);border-radius:50%;width:3px;height:3px}.context-spec .cs-sep{color:var(--ink-mute);margin:0 2px}.system-badge{border-radius:var(--radius);background:var(--bg-input);color:var(--ink-soft);border:1px solid var(--line-faint);letter-spacing:.04em;align-items:center;gap:8px;margin-top:8px;padding:8px 14px;font-family:Vazirmatn,monospace;font-size:11px;font-weight:500;display:inline-flex}html[dir=rtl] .system-badge{letter-spacing:.02em}.system-badge .sb-dot{background:var(--ink-faint);border-radius:50%;width:6px;height:6px}.context-bottom{border-top:1px solid var(--line-faint);flex-direction:column;gap:20px;padding-top:24px;display:flex}.context-foot{letter-spacing:.04em;color:var(--ink-mute);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-family:Vazirmatn,monospace;font-size:10px;font-weight:500;display:flex}.context-foot .cf-mark{align-items:center;gap:6px;display:inline-flex}.context-foot .cf-mark .cfm-dot{background:var(--ink-mute);border-radius:50%;width:4px;height:4px}@media (max-width:920px){body{padding:16px}.auth{border-radius:32px;grid-template-columns:1fr;gap:8px;height:auto;min-height:auto;padding:12px}.auth-form-col{order:1;gap:32px;min-height:0;padding:24px 16px 32px}.auth-context-col{order:2;min-height:380px}.context-panel{border-radius:24px;padding:32px 24px;box-shadow:0 -12px 32px #0000001a}.auth-form-state,.auth-success-state{max-width:100%}.auth-headline{font-size:26px}.auth-subhead{font-size:14px}}@media (max-width:520px){.auth-headline{font-size:24px}.context-glow{top:-120px;filter:blur(60px);opacity:.55;width:380px;height:380px;inset-inline-end:-140px}}.auth-success{color:#f56e0f;background:#f56e0f1a;border:1px solid #f56e0f40;border-radius:14px;margin:0 0 18px;padding:12px 14px;font-size:13px;line-height:1.5}.auth-success[hidden]{display:none!important}.auth-toggles .icon-btn{border-radius:var(--radius);width:38px;min-width:38px;height:38px;min-height:38px;color:var(--ink-soft);background:var(--bg-input);border:1px solid var(--line-soft);transition:background .2s var(--ease-soft), color .2s var(--ease-soft), border-color .2s var(--ease-soft), box-shadow .2s var(--ease-soft);place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.auth-toggles .icon-btn:hover{background:var(--bg-card-hover);color:var(--ink);border-color:var(--line)}.auth-toggles .icon-btn .icon-sun,.auth-toggles .icon-btn .icon-moon{pointer-events:none;color:currentColor;fill:currentColor;fill-opacity:.55;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html[data-theme=night] .auth-toggles .icon-btn .icon-sun{display:block}html[data-theme=night] .auth-toggles .icon-btn .icon-moon,html[data-theme=day] .auth-toggles .icon-btn .icon-sun{display:none}html[data-theme=day] .auth-toggles .icon-btn .icon-moon{display:block}.auth-toggles .icon-btn .icon-sun circle,.auth-toggles .icon-btn .icon-sun line,.auth-toggles .icon-btn .icon-moon path{vector-effect:non-scaling-stroke}body.login-page{background:var(--bg);min-height:100vh;color:var(--ink);overflow:hidden auto;justify-content:center!important;align-items:center!important;margin:0!important;padding:24px!important;display:flex!important}@media (max-width:920px){body.login-page{padding:16px!important}}.auth-mode-tabs{background:var(--bg-sunken,#ffffff0a);border:1px solid var(--line-faint,#ffffff14);border-radius:999px;gap:6px;margin:18px 0 22px;padding:5px;display:flex}.auth-mode-tab{height:38px;color:var(--ink-faint,#ffffff8c);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-size:13px;font-weight:700;transition:all .2s}.auth-mode-tab:hover{color:var(--ink,#fbfbfb)}.auth-mode-tab.active{background:var(--ink,#fbfbfb);color:var(--bg,#151419)}.auth-inline-btn{color:var(--ink,#fbfbfb);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-weight:800;text-decoration:underline}.auth-inline-btn:hover{opacity:.75}.auth-password-wrap{width:100%;position:relative}.auth-password-wrap .auth-input{padding-right:52px}html[dir=rtl] .auth-password-wrap .auth-input{padding-right:inherit;padding-left:52px}.auth-password-eye{color:currentColor;opacity:.58;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:34px;height:34px;transition:opacity .2s,background .2s;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}html[dir=rtl] .auth-password-eye{left:12px;right:auto}.auth-password-eye:hover{opacity:1;background:#ffffff14}.auth-password-eye svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.auth-input,.auth-password-wrap .auth-input{caret-color:var(--ink,#fbfbfb);background:var(--bg-input,#ffffff0a)!important;color:var(--ink,#fbfbfb)!important;-webkit-text-fill-color:var(--ink,#fbfbfb)!important}.auth-input:-webkit-autofill{caret-color:var(--ink,#fbfbfb);transition:background-color 9999s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input,#151419) inset!important;-webkit-text-fill-color:var(--ink,#fbfbfb)!important}.auth-input:-webkit-autofill:hover{caret-color:var(--ink,#fbfbfb);transition:background-color 9999s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input,#151419) inset!important;-webkit-text-fill-color:var(--ink,#fbfbfb)!important}.auth-input:-webkit-autofill:focus{caret-color:var(--ink,#fbfbfb);transition:background-color 9999s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input,#151419) inset!important;-webkit-text-fill-color:var(--ink,#fbfbfb)!important}.auth-input:-webkit-autofill:active{caret-color:var(--ink,#fbfbfb);transition:background-color 9999s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input,#151419) inset!important;-webkit-text-fill-color:var(--ink,#fbfbfb)!important}.auth-password-eye{opacity:.9;color:var(--ink-soft,#878787)!important;background:0 0!important}.auth-password-eye:hover{color:var(--ink,#fbfbfb)!important;background:#fbfbfb14!important}html[data-theme=day] .auth-password-eye:hover{background:#15141914!important}.auth-password-eye svg{stroke:currentColor!important}.brand-logo{cursor:pointer}
