:root{
  --navy-950:#020914; --navy-900:#041225; --navy-800:#071b33;
  --panel:#0a2039; --panel2:#0d2c4c; --cyan:#20c9ff; --cyan2:#5bbcff;
  --ice:#f5f8ff; --muted:#b6c7dc; --line:rgba(88,187,255,.22);
  --site:1180px; --radius:18px; --shadow:0 22px 80px rgba(0,0,0,.34);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy-950);color:var(--ice);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{text-decoration:none;color:inherit}.shell{width:min(var(--site),calc(100% - 48px));margin-inline:auto}.topbar{position:fixed;inset:0 0 auto 0;height:76px;z-index:50;border-bottom:1px solid rgba(91,188,255,.16);background:linear-gradient(180deg,rgba(2,9,20,.88),rgba(2,9,20,.52));backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:14px;font-weight:950;letter-spacing:.08em;font-size:1.28rem}.brand-mark{width:34px;height:27px;background:linear-gradient(135deg,var(--cyan),var(--cyan2));clip-path:polygon(0 18%,75% 18%,62% 44%,100% 44%,80% 82%,8% 82%,22% 56%,0 56%);filter:drop-shadow(0 0 14px rgba(32,201,255,.4))}.navlinks{margin-left:auto;display:flex;gap:25px;align-items:center}.navlinks a{position:relative;padding:28px 0 23px;text-transform:uppercase;font-weight:900;letter-spacing:.065em;font-size:.74rem;color:rgba(245,248,255,.92);white-space:nowrap}.navlinks a.active:after,.navlinks a:hover:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--cyan);box-shadow:0 0 14px rgba(32,201,255,.7)}.login-btn{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(91,188,255,.35);border-radius:11px;padding:12px 20px;text-transform:uppercase;font-size:.78rem;font-weight:950;letter-spacing:.08em;background:rgba(5,21,40,.62)}.login-btn:hover{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(32,201,255,.08)}.menu{display:none;margin-left:auto;background:rgba(6,22,42,.65);border:1px solid rgba(91,188,255,.35);color:var(--ice);border-radius:10px;padding:9px 12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;background:#020914;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,center center);filter:saturate(1.08) contrast(1.04);transform:scale(1.001)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,9,20,.97) 0%,rgba(2,9,20,.86) 28%,rgba(2,9,20,.42) 58%,rgba(2,9,20,.25) 100%),linear-gradient(180deg,rgba(2,9,20,.62) 0%,rgba(2,9,20,.18) 45%,rgba(2,9,20,.95) 100%),radial-gradient(circle at 78% 28%,rgba(32,201,255,.12),transparent 32%)}.hero.light-left:before{background:linear-gradient(90deg,rgba(2,9,20,.96) 0%,rgba(2,9,20,.74) 34%,rgba(2,9,20,.32) 65%,rgba(2,9,20,.24) 100%),linear-gradient(180deg,rgba(2,9,20,.62),rgba(2,9,20,.95))}.hero.login-hero:before{background:linear-gradient(90deg,rgba(2,9,20,.95) 0%,rgba(2,9,20,.7) 45%,rgba(2,9,20,.22) 100%),linear-gradient(180deg,rgba(2,9,20,.65),rgba(2,9,20,.96))}.hero-content{padding:150px 0 70px;max-width:680px}.kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--cyan);font-weight:950;font-size:.86rem;margin:0 0 22px}.hero h1{font-size:clamp(3.8rem,7.5vw,7.2rem);line-height:.95;letter-spacing:-.07em;text-transform:uppercase;margin:0 0 28px}.accent{color:var(--cyan2)}.hero p{font-size:clamp(1.02rem,1.4vw,1.24rem);max-width:650px;color:#d4e1f0;margin:0 0 34px}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:26px}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0 28px;border-radius:8px;border:1px solid rgba(91,188,255,.45);background:rgba(7,25,46,.72);text-transform:uppercase;font-weight:950;letter-spacing:.08em;font-size:.84rem}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--cyan2));color:#00101d;border-color:transparent}.note{font-size:.92rem;font-weight:800;color:#fff}.note:before{content:"✓";color:var(--cyan);margin-right:10px}.section{padding:82px 0;background:linear-gradient(180deg,#020914,#03101f)}.section-title{text-align:center;max-width:780px;margin:0 auto 42px}.section-title h2{font-size:clamp(2.1rem,4.2vw,3.7rem);line-height:1.05;letter-spacing:-.045em;margin:0}.section-title p{color:var(--muted);font-size:1.05rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;min-height:100%;background:linear-gradient(180deg,rgba(13,44,76,.72),rgba(5,20,38,.74));border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.card:hover{border-color:rgba(32,201,255,.65)}.icon{width:50px;height:50px;border:1px solid rgba(32,201,255,.42);border-radius:15px;display:grid;place-items:center;color:var(--cyan);font-size:1.35rem;font-weight:950;margin-bottom:18px;background:rgba(32,201,255,.06)}.card h3{font-size:1.28rem;margin:0 0 10px;line-height:1.18}.card p{color:var(--muted);margin:0}.arrow{position:absolute;right:24px;bottom:20px;color:var(--cyan);font-size:1.35rem}.page-hero{min-height:720px}.page-hero .hero-content{max-width:760px}.content-band{padding:72px 0;background:#03101f}.feature-list{display:grid;gap:12px;margin-top:20px}.feature-list span{border:1px solid rgba(91,188,255,.18);border-radius:12px;padding:12px 14px;background:rgba(8,27,48,.56);color:#d7e6f8}.login-panel{width:min(560px,100%);background:linear-gradient(180deg,rgba(10,32,57,.88),rgba(3,16,31,.88));border:1px solid rgba(91,188,255,.28);border-radius:24px;padding:42px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.login-panel h1{font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.05;text-transform:none;letter-spacing:-.05em;margin:0 0 10px}.field{display:grid;gap:8px;margin:18px 0}.field label{font-weight:850}.field input{height:54px;border-radius:10px;border:1px solid rgba(91,188,255,.28);background:rgba(2,9,20,.72);color:var(--ice);font:inherit;padding:0 16px}.field input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(32,201,255,.1)}.forgot{text-align:right;margin:6px 0 22px}.forgot a{color:var(--cyan)}.sso{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.footer{border-top:1px solid rgba(91,188,255,.16);background:#020914;color:var(--muted);padding:28px 0}.footer .shell{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}@media (max-width:1120px){.nav{gap:16px}.navlinks{gap:15px}.navlinks a{font-size:.68rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(3.4rem,9vw,6rem)}}@media (max-width:840px){.topbar{height:68px}.brand{font-size:1.05rem}.brand-mark{width:28px;height:22px}.menu{display:block}.nav{padding:0}.navlinks{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;background:rgba(2,9,20,.97);border-bottom:1px solid rgba(91,188,255,.18)}.navlinks.open{display:flex}.navlinks a{padding:14px 0}.login-btn{padding:10px 12px}.hero{min-height:auto}.hero-content{padding:118px 0 80px}.hero:before{background:linear-gradient(90deg,rgba(2,9,20,.96),rgba(2,9,20,.72)),linear-gradient(180deg,rgba(2,9,20,.55),rgba(2,9,20,.96))}.hero-media img{object-position:var(--mpos,var(--pos,center center))}.grid,.grid.two{grid-template-columns:1fr}.sso{grid-template-columns:1fr}.shell{width:calc(100% - 32px)}}@media (max-width:520px){.hero h1{font-size:clamp(3rem,14vw,4.2rem)}.actions{display:grid}.btn{width:100%}.section{padding:56px 0}.login-panel{padding:28px 20px}.kicker{font-size:.76rem}.hero p{font-size:1rem}}