:root{--asphalt:#161310;--asphalt-2:#1e1a16;--panel:#221c17;--chalk:#f3ead8;--dust:#b9aa93;--paint:#3ecf8e;--paint-ink:#13241c;--clay:#d06a3a;--line:#f3ead824;--text:var(--chalk);--mist:var(--dust);--accent:var(--paint);--accent-soft:#9ee7c3;--ink:var(--asphalt);color:var(--chalk);background:var(--asphalt);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Vazirmatn,Tahoma,sans-serif;font-weight:400;line-height:1.7}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--asphalt);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.site{min-height:100vh;position:relative;overflow-x:clip}.bg-map{pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 0%, #d06a3a29, transparent 32%), repeating-linear-gradient(-18deg, transparent 0 22px, #f3ead806 22px 23px), var(--asphalt);position:absolute;inset:0}.bg-map:after{content:"";opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='48' viewBox='0 0 84 48'%3E%3Cpath fill='none' stroke='%23f3ead8' stroke-opacity='0.07' stroke-width='1' d='M21 0 L42 12 L42 36 L21 48 L0 36 L0 12 Z M63 0 L84 12 L84 36 L63 48 L42 36 L42 12 Z'/%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 78%);mask-image:linear-gradient(#000 0%,#0000 78%)}.header,.poster,.section-block,.stats-wrap,.download-band,.footer,.street-roll,.page{z-index:1;position:relative}.header{z-index:20;background:var(--asphalt);border-bottom:2px solid var(--paint);position:sticky;top:0}.header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(1120px,100% - 36px);min-height:64px;margin:0 auto;display:grid}.logo{align-items:center;gap:10px;display:inline-flex}.logo-mark{place-items:center;width:32px;height:32px;display:grid}.logo-mark svg{width:32px;height:32px}.logo-text{font-size:1.15rem;font-weight:700}.nav{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:4px 18px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--dust);white-space:nowrap;border-bottom:2px solid #0000;padding:8px 0;font-size:.88rem;font-weight:500}.nav a:hover,.nav a.active{color:var(--chalk);border-bottom-color:var(--clay)}.header-actions{align-items:center;gap:14px;display:flex}.login-link{color:var(--chalk);font-size:.9rem;font-weight:600}.login-link:hover{color:var(--paint)}.btn{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.btn.sm{min-height:38px;padding:0 14px;font-size:.86rem}.btn.lg{min-height:50px;padding:0 20px;font-size:.96rem}.btn.primary{background:var(--paint);color:var(--paint-ink)}.btn.primary:hover{background:#63db9f}.btn.ghost{color:var(--chalk);border-color:var(--line);clip-path:none;background:0 0;border-radius:2px}.btn.ghost:hover{border-color:var(--paint);color:var(--paint)}.poster{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;width:min(1120px,100% - 36px);margin:28px auto 0;display:grid}.poster-meta{color:var(--dust);letter-spacing:.04em;flex-wrap:wrap;gap:8px 16px;margin:0;font-size:.78rem;display:flex}.poster-meta span{align-items:center;gap:8px;display:inline-flex}.poster-meta span:before{content:"";background:var(--clay);width:7px;height:7px;transform:rotate(45deg)}.poster h1{letter-spacing:-.04em;max-width:8ch;margin:16px 0 0;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:800;line-height:.98}.poster h1 em{color:var(--paint);font-style:normal}.lead{max-width:38ch;color:var(--dust);margin:20px 0 0;font-size:1.02rem;line-height:1.85}.cta-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.map-board{border:1px solid var(--line);background:#1a1612;padding:14px}.map-board-head,.map-board-foot{color:var(--dust);letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.map-board-head{border-bottom:1px dashed var(--line);margin-bottom:12px;padding-bottom:10px}.map-board-foot{border-top:1px dashed var(--line);margin-top:12px;padding-top:10px}.hex-board{grid-template-columns:repeat(12,1fr);gap:5px 4px;display:grid}.hex{aspect-ratio:1/1.12;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#f3ead80f}.hex.t1{background:var(--paint)}.hex.t2{background:var(--clay)}.legend{align-items:center;gap:6px;display:inline-flex}.legend i{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#f3ead833;width:9px;height:9px}.legend i.t1{background:var(--paint)}.legend i.t2{background:var(--clay)}.street-roll{border-block:1px solid var(--line);background:#191511;margin-top:48px;overflow:hidden}.street-track{width:max-content;color:var(--dust);letter-spacing:.18em;gap:36px;padding:12px 0;font-size:.82rem;animation:28s linear infinite street-move;display:flex}.street-track span:after{content:" / ";color:var(--clay)}@keyframes street-move{0%{transform:translate(0)}to{transform:translate(50%)}}.section-block{width:min(1120px,100% - 36px);margin:56px auto 0}.section-head{max-width:560px;margin-bottom:22px}.section-head h2,.download-band h2{margin:8px 0 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.35}.section-head h2 span,.page-hero h1 span,.login-brand h1 span{color:var(--paint)}.section-head p{color:var(--dust);margin:12px 0 0}.claim-list{border-top:1px solid var(--line);gap:0;display:grid}.claim-row{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;gap:16px;padding:18px 0;display:grid}.claim-idx{color:var(--clay);font-family:inherit;font-size:1.1rem;font-weight:800}.claim-row h3{margin:0;font-size:1.05rem;font-weight:700}.claim-row p{color:var(--dust);margin:6px 0 0;font-size:.92rem}.walk-strip{padding-top:8px}.walk-steps{counter-reset:none;grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0 0;padding:0;list-style:none;display:grid}.walk-steps li{border-top:3px solid var(--paint);gap:8px;padding-top:12px;display:grid}.walk-steps b{color:var(--clay);letter-spacing:.08em;font-size:.8rem}.walk-steps strong{font-size:1.02rem}.walk-steps span{color:var(--dust);font-size:.88rem;line-height:1.7}.features{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.feature-card,.feature-panel,.glass-card,.step-card,.podium-card{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:20px 16px}.feature-icon{width:36px;height:36px;color:var(--paint);border:1px solid var(--line);background:0 0;place-items:center;margin-bottom:12px;display:grid}.feature-icon svg{width:20px;height:20px}.feature-icon.gold,.feature-icon.purple,.feature-icon.blue,.feature-icon.green{color:var(--paint);background:0 0}.feature-card h3{margin:0;font-size:1.02rem}.feature-card p{color:var(--dust);margin:8px 0 0;font-size:.88rem}.download-band{border:1px solid var(--line);background:#1a1612;width:min(1120px,100% - 36px);margin:56px auto 0;padding:32px 28px;position:relative}.permit-stamp{text-align:center;border:2px solid var(--clay);width:78px;height:78px;color:var(--clay);letter-spacing:.08em;opacity:.85;place-items:center;font-size:.72rem;font-weight:800;display:grid;position:absolute;top:22px;left:22px;transform:rotate(-12deg)}.download-band p{max-width:46ch;color:var(--dust);margin:12px 0 0}.download-band .btn{margin-top:20px}.download-meta{color:var(--dust);margin:14px 0 0;font-size:.9rem}.download-hint{color:#b9aa93d9;margin:10px 0 0;font-size:.84rem}.footer{border-top:1px solid var(--line);width:min(1120px,100% - 36px);color:var(--dust);justify-content:space-between;gap:18px;margin:48px auto 28px;padding-top:20px;font-size:.88rem;display:flex}.footer-brand{gap:4px;display:grid}.footer-brand strong{color:var(--chalk)}.footer-brand small{letter-spacing:.08em;color:var(--clay)}.footer-nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;display:flex}.footer-nav a:hover{color:var(--paint)}.page{width:min(1120px,100% - 36px);margin:28px auto 0}.page-hero{max-width:720px;margin-bottom:28px}.page-kicker{color:var(--clay);letter-spacing:.14em;margin:0;font-size:.78rem;font-weight:700}.page-hero h1,.login-brand h1,.article h1{margin:10px 0 0;font-size:clamp(1.85rem,4vw,2.7rem);font-weight:800;line-height:1.25}.page-lead{color:var(--dust);max-width:52ch;margin:14px 0 0;font-size:1.02rem}.feature-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.feature-panel h2{margin:0;font-size:1.12rem}.feature-panel p,.extra-grid p,.about-story p,.tips-panel li,.step-card p,.blog-card p,.article-body p{color:var(--dust);margin:10px 0 0;line-height:1.8}.extra-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.extra-grid h3,.about-story h2,.tips-panel h2{margin:0;font-size:1.05rem}.page-cta{flex-wrap:wrap;gap:12px;margin:28px 0 8px;display:flex}.steps{gap:10px;display:grid}.step-card{grid-template-columns:auto 1fr;gap:16px;display:grid}.step-num{min-width:48px;height:48px;color:var(--clay);border:1px solid var(--line);place-items:center;font-weight:800;display:grid}.step-card h2{margin:0;font-size:1.08rem}.tips-panel{margin-top:16px}.tips-panel ul{margin:12px 0 0;padding-inline-start:1.2rem}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;margin-bottom:18px;display:grid}.podium-card{text-align:center;padding:22px 14px}.podium-card.rank-1{border-color:var(--paint);padding-block:30px}.podium-card.rank-2{border-color:var(--clay)}.podium-rank{color:var(--paint);margin-bottom:10px;font-weight:800}.podium-avatar{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--paint);width:52px;height:52px;margin:0 auto 12px}.rank-2 .podium-avatar{background:var(--clay)}.rank-3 .podium-avatar{background:#6e6458}.podium-card h2{margin:0;font-size:1.05rem}.podium-area{color:var(--paint);margin:8px 0 0;font-weight:800}.podium-meta{color:var(--dust);margin-top:6px;font-size:.82rem;display:block}.rank-table-wrap{padding:8px 10px 12px;overflow-x:auto}.rank-table-head,.rank-table-row{grid-template-columns:64px 1.4fr 1fr .8fr .8fr;align-items:center;gap:10px;min-width:620px;padding:12px 10px;display:grid}.rank-table-head{color:var(--dust);border-bottom:1px solid var(--line);font-size:.82rem;font-weight:700}.rank-table-row{border-bottom:1px solid var(--line)}.rank-num,.accent-text{color:var(--paint);font-weight:700}.blog-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.blog-card h2{margin:12px 0 0;font-size:1.12rem;line-height:1.45}.blog-meta{color:var(--dust);justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;display:flex}.blog-tag{border:1px solid var(--clay);min-height:26px;color:var(--clay);align-items:center;padding:0 8px;font-size:.75rem;font-weight:700;display:inline-flex}.text-link{color:var(--paint);margin-top:14px;font-weight:700;display:inline-block}.text-link:hover{text-decoration:underline}.article{max-width:760px}.article-body{margin:18px 0 22px}.about-story{margin-bottom:12px}.login-page{place-items:center;min-height:62vh;display:grid}.login-shell{width:min(440px,100%);padding:28px 24px}.login-form{gap:14px;margin-top:22px;display:grid}.login-form label{color:var(--dust);gap:8px;font-size:.9rem;font-weight:600;display:grid}.login-form input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--chalk);font:inherit;background:#161310;border-radius:2px;outline:none;padding:0 14px}.login-form input:focus{border-color:var(--paint)}.otp-hint{border:1px dashed var(--paint);color:var(--dust);padding:12px 14px;font-size:.92rem}.otp-hint strong{color:var(--paint);letter-spacing:.08em}.form-message{color:var(--paint);margin:14px 0 0;font-size:.92rem}.login-foot{color:var(--dust);margin:18px 0 0;font-size:.88rem}.login-foot a{color:var(--paint);font-weight:700}@media (width<=980px){.header-inner{grid-template-columns:auto 1fr auto}.poster{grid-template-columns:1fr;gap:28px}.walk-steps,.features,.feature-grid,.blog-grid,.extra-grid,.podium{grid-template-columns:1fr 1fr}.podium-card.rank-1{transform:none}}@media (width<=560px){.header-inner{grid-template-columns:1fr auto;min-height:56px}.nav{grid-column:1/-1;justify-content:flex-start;padding-bottom:8px}.walk-steps,.features,.feature-grid,.blog-grid,.extra-grid,.podium{grid-template-columns:1fr}.header-actions .login-link{display:none}.lead{max-width:none}.footer{flex-direction:column}.footer-nav{justify-content:flex-start}.permit-stamp{display:none}.page-cta{flex-direction:column}.page-cta .btn{width:100%}}