:root{
    --blue-300:#92B7F2; --blue-400:#5691F0; --blue-500:#1C6EF2; --blue-600:#095ADC; --blue-700:#064AB7;
    --ink-900:#0B1220; --ink-800:#111a2b; --stone-100:#EDEFF3; --stone-300:#B6C0CE;
    --font:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:#fff;background:var(--ink-900);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}

.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:2rem}
.hero-img{position:absolute;inset:0;background:url('../img/hero.jpg') center 45%/cover no-repeat;filter:brightness(0.42) saturate(1.05)}
.hero-gradient{position:absolute;inset:0;background:
    radial-gradient(120% 90% at 50% 30%,rgba(28,110,242,0.18) 0%,rgba(28,110,242,0) 55%),
    linear-gradient(180deg,rgba(11,18,32,0.55) 0%,rgba(11,18,32,0.30) 40%,rgba(11,18,32,0.80) 82%,var(--ink-900) 100%)}
.hero-content{position:relative;z-index:2;max-width:680px;display:flex;flex-direction:column;align-items:center;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}

.hero-logo{width:104px;height:104px;margin-bottom:1.6rem;opacity:.97;filter:drop-shadow(0 8px 26px rgba(9,90,220,.5))}
.brand{font-weight:800;font-size:clamp(2.8rem,9vw,5.5rem);letter-spacing:-.02em;line-height:1;margin-bottom:.9rem}
.brand span{color:var(--blue-400)}
.tagline{font-weight:500;font-size:clamp(1.05rem,2.6vw,1.5rem);color:var(--stone-100);letter-spacing:.01em;margin-bottom:1.6rem}
.status{display:inline-flex;align-items:center;gap:.6rem;font-weight:400;font-size:clamp(1rem,2vw,1.25rem);color:rgba(255,255,255,.82);letter-spacing:.06em;margin-bottom:2.4rem}
.status .dot{width:9px;height:9px;border-radius:50%;background:var(--blue-400);box-shadow:0 0 0 0 rgba(86,145,240,.7);animation:pulse 2s infinite}
.mail{font-weight:500;font-size:clamp(1rem,2vw,1.2rem);color:var(--blue-300);text-decoration:none;letter-spacing:.01em;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .25s ease,border-color .25s ease}
.mail:hover{color:#fff;border-bottom-color:var(--blue-400)}

.foot{position:absolute;bottom:1.4rem;left:0;right:0;z-index:2;text-align:center;font-size:.8rem;color:rgba(255,255,255,.45)}
.foot a{color:rgba(255,255,255,.6);text-decoration:none}
.foot a:hover{color:#fff}

@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(86,145,240,.55)}70%{box-shadow:0 0 0 12px rgba(86,145,240,0)}100%{box-shadow:0 0 0 0 rgba(86,145,240,0)}}
@media (prefers-reduced-motion:reduce){.hero-content{animation:none}.status .dot{animation:none}}