/* CRITICAL CSS - Optimized for above-the-fold content */
:root{--bg:#0b0f13;--bg2:#0e141b;--text:#e7ecf3;--muted:#98a2ad;--brand:#e63946;--brand2:#2a9d8f;--accent:#457b9d;--card:#121923;--line:#ffffff1a;--radius:1.1rem;--container:min(1120px,92vw);--s-1:clamp(.92rem,.86rem + .25vw,1rem);--s0:clamp(1rem,.95rem + .3vw,1.12rem);--s1:clamp(1.18rem,1.05rem + .6vw,1.55rem);--s2:clamp(1.65rem,1.4rem + 1.2vw,2.2rem);--s3:clamp(2.2rem,1.8rem + 2.1vw,3rem);--s4:clamp(2.9rem,2.2rem + 3vw,4rem);--shadow:0 18px 70px #000b}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Inter',system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:var(--container);margin-inline:auto;padding-inline:1rem}
header.site-head{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,rgba(11,15,19,0.95),rgba(11,15,19,0.7));backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;flex-wrap:nowrap;gap:1rem;position:relative;min-height:3.5rem}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;z-index:50}
.logo{width:40px;height:40px;border-radius:.6rem;background-image:url('../images/logo.png');background-size:cover;background-repeat:no-repeat;background-position:center;border:none;transition:transform 0.2s ease}
.logo:hover{transform:scale(1.05)}
.nav-menu{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:1.5rem;z-index:10}
.nav-menu a{padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;font-weight:500}
.nav-menu a:hover{background:rgba(230,57,70,0.1);color:var(--brand)}
.nav-toggle{display:none;background:rgba(26,26,46,0.8);border:2px solid var(--brand);border-radius:8px;color:var(--brand);font-size:1.5rem;cursor:pointer;padding:0.6rem 0.8rem;text-shadow:0 0 4px rgba(0,0,0,0.8);min-width:44px;min-height:44px;align-items:center;justify-content:center}
.hero{min-height:80vh;display:flex;align-items:center;text-align:center;position:relative;background:radial-gradient(circle at 20% 50%,rgba(230,57,70,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(42,157,143,0.03) 0%,transparent 50%)}
.hero h1{font-size:var(--s4);line-height:1.1;margin:0 0 1rem;color:var(--brand);font-weight:800}
.hero p{font-size:var(--s1);color:var(--muted);max-width:600px;margin:0 auto 2rem}
@media (max-width:768px){
.nav-toggle{display:flex}
.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--line);border-radius:0.5rem;box-shadow:var(--shadow);z-index:1000;margin-top:0.5rem;max-height:80vh;overflow-y:auto;flex-direction:column;gap:0;padding:1rem 0}
.nav-menu.active{display:flex}
.nav-menu li{width:100%;border-bottom:1px solid var(--line)}
.nav-menu li:last-child{border-bottom:none}
.nav-menu a{display:block;padding:1rem 1.5rem;width:100%;text-align:left;font-weight:500}
.hero{min-height:70vh;padding:2rem 0}
.hero h1{font-size:var(--s3)}
}