:root{--bg:#070a0f;--bg2:#0b111a;--card:#0f1723ad;--line:#94a3b829;--text:#eef5ff;--muted:#9aa9bf;--cyan:#67e8f9;--blue:#60a5fa;--green:#6ee7b7;--shadow:0 24px 80px #00000061}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 5%, #60a5fa1a, transparent 30%), radial-gradient(circle at 90% 18%, #67e8f914, transparent 25%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1180px,100% - 40px);margin:auto}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#070a0fad;position:sticky;top:0}.nav-in{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:.02em;font-weight:800}.brand span{color:var(--cyan)}.nav-links{color:var(--muted);gap:22px;font-size:14px;display:flex}.nav-links a:hover{color:var(--text)}.btn{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{border-color:#67e8f959;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#60a5fa38,#67e8f929);border-color:#67e8f947}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:46px;min-height:790px;display:grid;position:relative;overflow:hidden}.hero-copy .eyebrow{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;background:#67e8f90d;border:1px solid #67e8f938;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-.055em;max-width:780px;margin:18px 0;font-size:clamp(48px,7vw,84px);line-height:.98}.hero h1 em{color:var(--cyan);font-style:normal}.hero p{color:var(--muted);max-width:720px;font-size:18px;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px;display:grid}.metric{border:1px solid var(--line);background:#ffffff06;border-radius:16px;padding:14px}.metric strong{font-size:25px;display:block}.metric span{color:var(--muted);font-size:12px}.scene{perspective:1000px;min-height:520px;position:relative}.orb{background:radial-gradient(circle at 35% 30%,#67e8f959,#60a5fa1a 36%,#0f17230d 70%);border:1px solid #67e8f929;border-radius:50%;width:360px;height:360px;position:absolute;top:56px;right:58px;box-shadow:0 0 120px #60a5fa2e}.orb:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:38px}.float-card{border:1px solid var(--line);width:260px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#101826d6,#080d14bd);border-radius:18px;padding:16px;transition:transform .16s ease-out;position:absolute}.card-1{top:30px;left:0}.card-2{top:210px;right:0}.card-3{bottom:20px;left:75px}.kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.float-card h3{margin:8px 0 6px;font-size:16px}.float-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.section{padding:90px 0;position:relative}.section-title{letter-spacing:-.04em;margin:0 0 12px;font-size:36px}.section-sub{color:var(--muted);max-width:720px;line-height:1.7}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.glass{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:24px}.timeline{gap:14px;margin-top:28px;display:grid}.job{padding-left:20px;position:relative}.job:before{content:"";background:var(--cyan);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:0;box-shadow:0 0 0 6px #67e8f912}.job h3{margin:0;font-size:20px}.job .meta{color:var(--cyan);margin-top:5px;font-size:13px}.job p,.job li{color:var(--muted);font-size:14px;line-height:1.65}.job ul{margin:10px 0 0;padding-left:18px}.chips{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.chip{border:1px solid var(--line);color:#cdd9ea;background:#ffffff06;border-radius:999px;padding:9px 12px;font-size:13px}.ctem{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:26px;display:grid}.ctem-card{border:1px solid var(--line);background:linear-gradient(#ffffff09,#ffffff04);border-radius:18px;min-height:150px;padding:18px}.ctem-card b{color:var(--cyan);letter-spacing:.08em;font-size:12px}.ctem-card h4{margin:8px 0}.ctem-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.footer{color:var(--muted);border-top:1px solid var(--line);padding:40px 0 70px}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-box{border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);background:#0c121bdb;border-radius:22px;padding:30px}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#09101a;border-radius:12px;outline:none;margin-top:7px;padding:12px 13px}.field{margin:14px 0}label{color:#c9d4e5;font-size:13px}.admin-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}textarea.input{resize:vertical;min-height:120px}@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding:80px 0 40px}.scene{min-height:460px}.ctem,.metrics{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.nav-links{display:none}}@media (max-width:620px){.container{width:min(100% - 24px,1180px)}.hero h1{font-size:48px}.scene{transform-origin:top;min-height:420px;transform:scale(.9)}.ctem,.admin-grid{grid-template-columns:1fr}}.why-section{padding-top:60px}.why-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;display:grid}.why-card{min-height:190px;position:relative;overflow:hidden}.why-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#67e8f91f,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;bottom:-50px;right:-40px}.why-card b{color:var(--cyan);letter-spacing:.12em;font-size:11px}.why-card h3{margin:10px 0 8px;font-size:18px}.why-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}@media (max-width:900px){.why-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.why-grid{grid-template-columns:1fr}}
