:root{
      --bg:#0c1b1e; --card:#101f23; --text:#e9f1f2; --muted:#a7bdc2;
      --accent:#68e1fd; --accent-2:#36d1a8; --border:rgba(255,255,255,.08);
      --maxw:1120px; --radius:18px;
    }
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;
      background:linear-gradient(180deg,#0b1618,#0f2227);
      color:var(--text);
    }
    a{color:var(--accent);text-decoration:none}
    img{
      max-width:100%;
      height:auto;
      display:block;
      border-radius:14px;
    }
    .container{max-width:var(--maxw);margin:auto;padding:clamp(16px,3vw,32px)}
    header{
      position:sticky;top:0;
      background:rgba(12,27,30,.7);
      backdrop-filter:saturate(180%) blur(10px);
      border-bottom:1px solid var(--border);
      z-index:10;
    }
    .nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
    .brand{display:flex;align-items:center;gap:12px;font-weight:700}
    .cta{
      display:inline-block;
      padding:14px 20px;
      border-radius:999px;
      background:linear-gradient(135deg,var(--accent),var(--accent-2));
      color:#04252a;font-weight:700;
      box-shadow:0 10px 24px rgba(104,225,253,.25);
      transition:transform .15s ease;
    }
    .cta:hover{transform:translateY(-2px)}
    .hero{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:28px;
      align-items:center;
      padding:28px 0;
    }
    @media (max-width:768px){
      .hero{grid-template-columns:1fr}
    }
    .hero h1{font-size:clamp(26px,5vw,46px);line-height:1.1}
    .card{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:clamp(18px,2vw,26px);
      box-shadow:0 10px 30px rgba(0,0,0,.2);
    }
    .grid{display:grid;gap:24px}
    @media (min-width:960px){.grid{grid-template-columns:1fr 1fr}}
    h2{font-size:clamp(22px,3vw,32px);margin-top:24px}
    footer{margin-top:40px;padding:28px 0;color:var(--muted);border-top:1px solid var(--border);text-align:center}