@font-face{font-family:Vazirmatn;src:url('/app/fonts/Vazirmatn-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#090f16;--surface:#101923;--line:#23303c;--text:#edf3f7;--muted:#8393a4;--mint:#62d8bd;--gold:#e6b86d;--telegram:#229ed9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.8 Vazirmatn,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button,a,input{-webkit-tap-highlight-color:transparent}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 93% 0%,#1d68501c,transparent 48%),radial-gradient(ellipse at 0% 100%,#21669412,transparent 40%)}
.login-wrap{min-height:100svh;max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;position:relative}.story{display:flex;flex-direction:column;min-height:790px;padding:46px 66px 30px;position:relative;overflow:hidden}.story:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(#7d969f 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 50% 55%,#000,transparent 68%)}
.brand{display:flex;gap:12px;align-items:center;direction:ltr;font:800 23px/1.2 Vazirmatn,system-ui;align-self:flex-end;z-index:1}.brand small{display:block;direction:rtl;font-size:9px;font-weight:450;line-height:2;color:#8b9ca9;margin-top:4px}.brand-symbol{position:relative;width:42px;height:42px;border:1px solid #487568;background:linear-gradient(135deg,#1a4c43,#112d2d);color:var(--mint);border-radius:13px;display:grid;place-items:center;font-size:27px;font-weight:850;transform:rotate(-5deg)}.brand-symbol span{position:absolute;top:-8px;right:-6px;font-size:24px;color:var(--gold);text-shadow:1px 1px #090f16}
.story-copy{margin-top:65px;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;color:#8ca79f}.eyebrow i{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 13px #62d8bd45}.story h1{font-size:clamp(36px,3.7vw,53px);font-weight:800;letter-spacing:-1.7px;line-height:1.65;margin:18px 0 18px}.story h1 span{color:var(--mint)}.story-copy p{font-size:12px;color:#8d9eab;line-height:2.2;margin:0}
.connection-art{position:relative;margin:15px -34px 0;height:310px;z-index:1;display:flex;align-items:center;justify-content:center}.connection-map{width:100%;height:100%;overflow:visible}.map-orbit{stroke:#3c586433;stroke-width:1}.map-orbit.outer{stroke-dasharray:2 6;stroke:#3c586444}.map-route.trace{animation:route-flow 24s linear infinite}.art-coordinate{position:absolute;right:30px;top:20px;color:#475f6d;letter-spacing:2.4px;font:8px system-ui}.map-label{position:absolute;border:1px solid #2a414b;background:#101c26ed;padding:10px 12px 9px;border-radius:10px;box-shadow:0 8px 28px #0002;display:grid;grid-template-columns:7px auto;column-gap:8px;min-width:113px}.map-label b{font-size:10px;font-weight:550;line-height:1.5}.map-label small{grid-column:2;font-size:8px;color:#8194a1}.map-node{width:5px;height:5px;border-radius:50%;margin-top:5px}.map-node.blue{background:#229ed9;box-shadow:0 0 10px #229ed944}.map-node.mint{background:#62d8bd;box-shadow:0 0 10px #62d8bd44}.map-web{left:12px;bottom:57px}.map-telegram{right:16px;top:61px}.map-caption{position:absolute;bottom:0;display:flex;align-items:center;gap:12px;direction:ltr;color:#596e7c;font:8px system-ui;letter-spacing:1.7px}.map-caption i{width:3px;height:3px;border-radius:50%;background:#455a66}.story-features{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1d3039;padding:20px 0 10px;margin-top:22px;z-index:1}.story-features span{display:flex;align-items:center;gap:8px;font-size:9px;color:#9aadb7}.story-features i{font-style:normal;color:#6bb5a8;font:18px system-ui}.story-bottom{margin-top:auto;padding-top:38px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#536a79;z-index:1}.brand-dot{color:#c89f61;font-size:18px}
.auth-side{display:flex;flex-direction:column;justify-content:space-between;gap:30px;padding:44px 58px 29px;border-inline-start:1px solid #1e2b35;position:relative}.auth-top,.auth-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#6f8293}.secure{color:#718e88}.auth-card{width:100%;max-width:392px;margin:20px auto;position:relative;padding:0}.form-overline{display:flex;align-items:center;gap:12px;margin-bottom:22px}.form-overline>span:nth-child(2){font:8px system-ui;letter-spacing:2px;color:#5a7583}.form-overline>i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#2b4049)}.welcome-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #2c4a46;background:#142927;color:var(--mint);border-radius:11px;font:23px system-ui}.auth-card h2{font-size:31px;font-weight:780;letter-spacing:-1.1px;line-height:1.5;margin:10px 0 8px}.auth-card h2>span{color:var(--mint)}.auth-sub{color:#8193a3;font-size:11px;margin:0 0 27px}.switch{display:flex;background:#0d1620;border:1px solid #202f3c;padding:4px;gap:4px;border-radius:11px;margin:0 0 22px}.switch button{flex:1;border:0;background:none;border-radius:7px;padding:8px;color:#7b8d9e;font-size:11px}.switch .active{background:#1b2b38;color:#edf4f7;box-shadow:0 2px 7px #0002;font-weight:600}.switch button:not(.active):hover{color:#c9d9df}
.telegram-btn{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;padding:14px 17px;border:1px solid #45b6ed;border-radius:11px;color:#fff;background:linear-gradient(110deg,#1683bd,#229ed9);box-shadow:0 6px 24px #229ed919,inset 0 1px #ffffff18;font-size:13px;font-weight:650;transition:box-shadow .2s,filter .2s,transform .2s}.telegram-btn:hover{filter:brightness(1.1);box-shadow:0 8px 30px #229ed92b;transform:translateY(-1px)}.telegram-btn svg{width:20px;height:20px;fill:#fff;margin-inline-end:auto;flex:none}.telegram-btn .arrow{margin-inline-start:auto;color:#cdeeff;font:20px system-ui}.telegram-wait{background:#102a3b;border:1px solid #205272;padding:14px 16px;margin-top:12px;border-radius:11px;font-size:11px;color:#b7d5e7}.telegram-wait b{color:#e3f3ff}.telegram-wait p{margin:5px 0 10px}.telegram-wait a{color:#52b8ed;font-weight:700}.telegram-wait small{display:block;color:#6c98af;margin-top:8px}
.divider{display:flex;align-items:center;gap:12px;margin:24px 0 21px;color:#586f80;font-size:9px}.divider:before,.divider:after{content:'';height:1px;background:#21303b;flex:1}label{display:block;margin-bottom:17px;font-size:11px;font-weight:500;color:#b7c7d2}input{width:100%;display:block;background:#101b26;border:1px solid #283b4c;border-radius:10px;padding:13px 14px;margin-top:8px;outline:none;font-size:12px;color:#ecf3f7;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#50687c;font-size:11px}input:focus{border-color:#5a9e90;background:#11212b;box-shadow:0 0 0 3px #61d8bb0b}input:-webkit-autofill{-webkit-text-fill-color:#eaf4f5;box-shadow:0 0 0 1000px #142431 inset}.label-row{display:flex;align-items:center;justify-content:space-between}.text-btn{border:0;background:none;padding:0;font-size:9px;color:#78928d}.text-btn:hover{color:var(--mint)}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:42px}.password-wrap button{position:absolute;right:5px;top:9px;border:0;background:none;padding:7px 10px;color:#687f91}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #74ddc5;border-radius:10px;background:#64d8bd;color:#092b26;padding:12px 17px;font-size:12px;font-weight:750;box-shadow:0 4px 17px #62d8bd0d;transition:filter .2s,transform .2s}.submit>span+span{font-size:20px;font-weight:400}.submit:hover{filter:brightness(1.07);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait;transform:none}.form-error{color:#e6949e;min-height:18px;margin-bottom:10px;font-size:10px}.form-hint{color:#7b92a1;font-size:10px}.auth-note{display:flex;align-items:flex-start;gap:11px;margin-top:24px;padding-top:19px;border-top:1px solid #21313d;font-size:10px;line-height:2;color:#7a909f}.auth-note>span{font-size:20px;color:#496c70;line-height:1.5}.auth-note p{margin:0}.auth-footer a{color:#6caac6}.auth-footer a:hover{color:#4eb8ec}
@keyframes route-flow{to{stroke-dashoffset:-172}}
@media(min-width:1550px){.login-wrap{max-width:1460px}.story{padding-right:80px;padding-left:80px;min-height:100svh;justify-content:center}.brand{position:absolute;top:50px;left:80px}.story-copy{margin-top:20px}.connection-art{height:345px;margin-top:28px}.story-bottom{position:absolute;bottom:28px;left:80px;right:80px}.auth-side{padding-top:49px;padding-bottom:28px}.auth-card{margin:40px auto}.story-features{margin-bottom:25px}}
@media(max-width:1100px){.story{padding:35px 36px 24px}.auth-side{padding:36px 35px 24px}.story h1{font-size:40px}.story-copy{margin-top:55px}.connection-art{margin-inline:-18px}.map-web{left:0}.map-telegram{right:0}.story-features{gap:10px}.story-features span{font-size:8px}}
@media(max-width:780px){.login-wrap{grid-template-columns:1fr;max-width:490px;padding:0 24px;gap:0}.story{min-height:auto;padding:25px 4px 15px;overflow:visible}.brand{align-self:flex-start;font-size:21px}.brand-symbol{width:36px;height:36px;font-size:23px;border-radius:11px}.brand-symbol span{font-size:22px}.brand small{font-size:8px}.story-copy{margin-top:32px}.story h1{font-size:31px;line-height:1.6;margin:12px 0 9px;letter-spacing:-.8px}.story h1 br{display:none}.story-copy p{font-size:10px}.story-copy p br{display:none}.eyebrow{font-size:8px}.connection-art{position:absolute;left:0;top:10px;width:110px;height:110px;margin:0;opacity:.4;pointer-events:none}.connection-map{width:100%;height:100%}.map-label,.map-caption,.art-coordinate,.story-features,.story-bottom{display:none}.auth-side{border:0;padding:13px 4px 25px;gap:15px}.auth-top{display:none}.auth-card{max-width:none;margin:0}.form-overline{display:none}.auth-card h2{font-size:24px;margin:0 0 7px}.auth-sub{font-size:10px;margin-bottom:21px}.switch{margin-bottom:17px}.telegram-btn{padding:13px 15px;font-size:12px}.auth-note{font-size:9px;margin-top:20px;padding-top:16px}.auth-footer{font-size:8px;padding:6px 0}.divider{margin:20px 0}label{font-size:10px}input{padding:12px}.story:after{display:none}}
@media(max-width:360px){.login-wrap{padding-inline:18px}.story h1{font-size:27px}.connection-art{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}