/* IranCTech Nexus v1 — additive theme for existing ASP.NET MVC Razor project. */
:root{--bg:#f5f7fa;--bg-2:#fff;--tx:#10243a;--tx-2:#526579;--tx-3:#63758a;--blue:#176a96;--cyan:#1cc5bb;--cyan-ink:#087f8c;--gold:#d7a64b;--gold-2:#f4cc80;--accent:linear-gradient(115deg,#087f8c,#176a96);--shine:linear-gradient(95deg,#fff 0%,#9ef6eb 55%,#32d7cc 100%);--line:rgba(16,36,58,.09);--line-2:rgba(16,36,58,.17);--card-shadow:0 12px 36px -22px rgba(16,36,58,.25);--shell:1380px}
body{background:#f5f7fa}
.navbar{inset-block-start:0;padding-inline:0}
.nav-pill{max-width:none;height:76px;border:0;border-bottom:1px solid rgba(255,255,255,.11);border-radius:0;background:#081e32;box-shadow:0 8px 30px rgba(0,0,0,.12);padding-inline:max(22px,calc((100vw - 1380px)/2))}
.navbar.stuck .nav-pill{background:rgba(8,30,50,.97);border-color:rgba(255,255,255,.1)}
.logo-text,.logo-text b,.nav-links a{color:#fff}
.logo-text i{color:#c9d9e3}
.nav-links a:hover{color:#f4cc80;background:rgba(255,255,255,.09)}
.nav-cta .btn,.btn-gold{background:linear-gradient(135deg,#f2c875,#d7a64b);color:#1c2734;border-color:transparent;box-shadow:0 9px 24px -12px rgba(215,166,75,.65)}
.btn{font-weight:700}
.hero-band{margin-block-start:76px;background:radial-gradient(ellipse at 22% 58%,rgba(13,126,145,.46),transparent 48%),linear-gradient(125deg,#051527 0%,#082a44 62%,#071d33 100%)}
.hero-band::after{content:"";position:absolute;left:0;bottom:0;top:0;width:52%;pointer-events:none;background:url('/Content/images/hero-art.svg') center/contain no-repeat;opacity:.17;filter:saturate(1.6)}
.hero-grid{min-height:560px;padding-block:74px;gap:44px}
.hero-copy{position:relative;z-index:3}
.hero-kicker{color:#f2c875;font-weight:700}
.hero h1{color:#fff;font-size:clamp(35px,4.2vw,64px);font-weight:900;letter-spacing:-.035em;line-height:1.35}
.hero h1 .shine{background:linear-gradient(95deg,#7ff3e7,#26d4c8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{color:#d6e3eb;font-size:clamp(15px,1.15vw,18px);line-height:2.1}
.hero-cards{gap:14px;position:relative;z-index:2}
.hcard{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(9,57,79,.36));border-color:rgba(135,227,223,.22);border-radius:18px;box-shadow:0 18px 38px -24px #000;animation:none;min-height:174px}
.hcard:hover{transform:translateY(-5px);border-color:#4cdbce}
.hcard b{color:#fff}.hcard p{color:#d5e4ea}.hc-chip{min-height:unset}
.trust{background:#fff;border-bottom:1px solid var(--line)}
.section{padding-block:clamp(64px,7vw,100px)}
.head h2,.join h2{letter-spacing:-.025em}
.tagline{color:#087f8c}
.wcard,.node,.tile,.duty,.realm,.news-card,.event-card{border-radius:18px;box-shadow:var(--card-shadow);transition:transform .25s ease,box-shadow .25s ease}
.wcard:hover,.node:hover,.tile:hover,.duty:hover,.realm:hover{transform:translateY(-4px);box-shadow:0 22px 45px -22px rgba(16,36,58,.27)}
.join{background:linear-gradient(120deg,#071d32,#07536a)}
:focus-visible{outline:3px solid #d7a64b;outline-offset:3px}
@media(max-width:1100px){.nav-pill{padding-inline:20px}.nav-links a{padding-inline:8px;font-size:13px}}
@media(max-width:980px){.nav-pill{height:68px}.hero-band{margin-block-start:68px}.hero-grid{min-height:0;padding-block:62px}.hero-band::after{width:100%;opacity:.08}}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;padding-inline:var(--gut)}.hero-copy{text-align:right}.hero-cards{max-width:680px;width:100%;margin-inline:auto}.hero-cta{flex-wrap:wrap}}
@media(max-width:620px){.nav-pill{height:64px;padding-inline:14px}.hero-band{margin-block-start:64px}.hero-grid{padding-block:42px}.hero h1{font-size:35px}.hero-cards{gap:10px}.hcard{padding:16px;min-height:150px}.hero-cta .btn{width:100%}.hero .sub{font-size:15px}}
@media(prefers-reduced-motion:reduce){.hcard,.wcard,.node,.tile,.duty,.realm{transition:none!important;animation:none!important}}