:root{
 --cm-bg:#061018;--cm-panel:#0b1720;--cm-panel-2:#0f202a;--cm-text:#f4fbff;--cm-muted:#93aab4;
 --cm-brand:#27d17f;--cm-brand-2:#00b8d9;--cm-accent:#5be0ff;--cm-gold:#f4b942;
 --cm-line:rgba(145,220,235,.16);--cm-radius:18px;--cm-shadow:0 18px 55px rgba(0,0,0,.22);
 --cm-font:'Vazirmatn',Tahoma,Arial,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--cm-font);background:var(--cm-bg);color:var(--cm-text)}
.brand-lockup{display:flex!important;align-items:center;gap:10px;text-decoration:none!important;position:relative}
.brand-logo{width:148px;height:auto;display:block;border-radius:10px}
.brand-domain{font-size:9px;letter-spacing:.22em;color:#7e9aa5;font-weight:800}
.main-head-architect{background:rgba(6,16,24,.86)!important;border-bottom:1px solid var(--cm-line)!important;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.main-head-architect a[href*="login"]{background:linear-gradient(135deg,#123844,#0e2a33)!important;border:1px solid rgba(91,224,255,.25)!important;border-radius:12px!important;padding:9px 15px!important}
.main-head-architect a[href="/ai.php"]{background:rgba(39,209,127,.10)!important;color:#7dffb0!important;border:1px solid rgba(39,209,127,.22)!important;border-radius:12px!important;padding:9px 15px!important}
.main-head-architect a[href="/tools"]{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;padding:9px 15px!important}
.top-notice-bar{background:#041017!important;border-bottom-color:rgba(91,224,255,.10)!important}
.domain-badge-notice{background:rgba(39,209,127,.08)!important;color:#7dffb0!important;border-color:rgba(39,209,127,.22)!important;border-radius:999px!important}
.site-footer-architect{background:#040b11!important;border-top-color:rgba(91,224,255,.13)!important}
.site-footer-architect h3{border-right-color:var(--cm-brand)!important}
.site-footer-architect a:hover{color:#fff!important}
.card,.panel,.glass{border-color:var(--cm-line)!important;border-radius:var(--cm-radius)!important;box-shadow:var(--cm-shadow)}
button,a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
button:hover,.btn:hover{transform:translateY(-1px)}
:focus-visible{outline:2px solid var(--cm-accent);outline-offset:3px}
@media(max-width:760px){.brand-logo{width:128px}.brand-domain{display:none}.main-head-architect>div{padding-left:12px!important;padding-right:12px!important}.main-head-architect>div>div{gap:6px!important}.main-head-architect a{font-size:.78rem!important;padding:7px 10px!important}}
