:root{--bg:#050816;--bg2:#050b1f;--text:#E9EEF7;--muted:#9AA4B5;--brand:#f97316;--brand2:#22d3ee;--card:rgba(255,255,255,.05);--ring:rgba(249,115,22,.35);--radius:16px;--max:1140px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(circle at top,#1e293b 0,#020617 55%);color:var(--text);line-height:1.6}.container{max-width:var(--max);margin:0 auto;padding:24px 18px}
a{color:var(--brand2);text-decoration:none}a:hover{text-decoration:underline}.nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.brand{display:flex;gap:10px;align-items:center;font-weight:900;font-size:20px}
.logo{width:40px;height:40px;border-radius:12px;background:conic-gradient(from 200deg,var(--brand),var(--brand2),#6366f1,var(--brand));display:grid;place-items:center;color:#020617}
.navlinks{display:flex;gap:16px;align-items:center}.btn{display:inline-block;padding:10px 14px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#020617;font-weight:800;border:0}
.btn-outline{padding:10px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.5);color:var(--muted);background:transparent}.hero{display:grid;grid-template-columns:1fr 420px;gap:22px;align-items:center;margin:18px 0}
.card{background:var(--card);border:1px solid rgba(148,163,184,.25);border-radius:var(--radius);padding:20px;box-shadow:0 18px 60px rgba(15,23,42,.85)}
.h-title{font-size:34px;margin:0 0 8px}.h-sub{color:var(--muted);margin:0 0 14px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.badge{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.4);color:#e5e7eb;padding:6px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tile{background:var(--card);border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.3);position:relative;isolation:isolate}
.tile::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,var(--brand2)10%,transparent 60%);opacity:0;mix-blend-mode:soft-light;transition:opacity .25s ease}
.tile:hover::after{opacity:.4}.tile img{width:100%;height:160px;display:block;object-fit:cover;filter:brightness(1.15)}
.tile .pad{padding:12px}.tile h4{margin:0 0 6px}.small{font-size:13px;color:var(--muted)}.section{margin:28px 0}
.section h2{margin:0 0 10px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.9);border:1px dashed rgba(148,163,184,.5);font-size:12px;color:var(--muted)}
input,textarea{width:100%;padding:10px;border-radius:12px;border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.95);color:var(--text);outline:none}
input:focus,textarea:focus{box-shadow:0 0 0 2px var(--ring)}.form-row{display:flex;gap:10px;flex-wrap:wrap}.footer{margin-top:36px;padding:18px 0;color:var(--muted);text-align:center;font-size:13px;border-top:1px solid rgba(148,163,184,.3)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.grid-3,.grid-2{grid-template-columns:1fr}}