:root{
    --bg:#070b14;--bg-2:#0a1018;--card:#0d1420;--card-2:#0f1826;--border:#1b2a3d;
    --text:#e8eef6;--muted:#d8e1ef;--muted-2:#6b7f96;--teal:#34e0c8;--cyan:#3fd0e0;--blue:#6aa8ff;--violet:#a78bfa;
    --grad:linear-gradient(100deg,#34e0c8 0%,#3fd0e0 35%,#6aa8ff 70%,#a78bfa 100%);
    --grad-soft:linear-gradient(100deg,#34e0c8,#6aa8ff);--maxw:920px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
  .glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;pointer-events:none;z-index:0}
  .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}
  h1{line-height:1.08;letter-spacing:-.02em;font-weight:800}
  .lead{color:var(--muted);font-size:17.5px;max-width:640px}
  header.nav{position:sticky;top:0;z-index:50;background:rgba(16,30,48,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(52,224,200,.30);box-shadow:0 4px 24px rgba(0,0,0,.35)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:15px 28px;max-width:var(--maxw);margin:0 auto}
  .brand .mark{height:42px;display:block}
  .nav-back{font-size:14.5px;font-weight:600;color:var(--muted)}
  .nav-back:hover{color:var(--text)}
  .hero{padding:60px 0 24px;position:relative;z-index:1;text-align:center}
  .hero h1{font-size:clamp(34px,5.4vw,52px);margin-bottom:18px}
  .hero .lead{margin:0 auto}
  .count{display:inline-flex;align-items:center;gap:8px;margin-top:26px;border:1px solid var(--border);border-radius:30px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--muted)}
  .count b{color:var(--cyan)}
  .list{display:flex;flex-direction:column;gap:14px;margin:40px 0 20px;position:relative;z-index:1}
  .row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px 26px;transition:border-color .2s ease,background .2s ease}
  .row:hover{border-color:#2a4a5c;background:var(--card-2)}
  .row .ic{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;flex:none;background:linear-gradient(160deg,rgba(52,224,200,.16),rgba(106,168,255,.12));border:1px solid #1d3a44}
  .row .ic svg{width:27px;height:27px;stroke:var(--teal);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .row .info h3{font-size:19px;font-weight:700;margin-bottom:2px}
  .row .info .desc{color:var(--muted);font-size:13.8px;margin-bottom:8px;max-width:430px}
  .row .info .meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font-size:13px}
  .row .info .place{display:inline-flex;align-items:center;gap:6px;color:var(--cyan);font-weight:700}
  .row .info .place .pin{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex:none}
  .row .info .prov{color:var(--muted-2);font-weight:600}
  .acts{display:flex;flex-direction:column;gap:8px;flex:none;min-width:170px}
  .act{display:block;text-align:center;border-radius:30px;padding:11px 20px;font-size:13.5px;font-weight:700;white-space:nowrap;transition:transform .15s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
  .act.primary{background:var(--grad);color:#08202b;box-shadow:0 6px 22px rgba(63,160,224,.28)}
  .act.primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(63,160,224,.42)}
  .act.ghost{border:1px solid var(--border);color:var(--text)}
  .act.ghost:hover{border-color:var(--teal);color:var(--teal)}
  .cta{position:relative;overflow:hidden;background:linear-gradient(150deg,#0c1626,#0a1018);border:1px solid var(--border);border-radius:24px;padding:42px 40px;margin:40px 0 60px;text-align:center}
  .cta h2{font-size:clamp(32px,5vw,52px);margin-bottom:20px;font-weight:800;line-height:1.08;letter-spacing:-.02em}
  .cta p{color:var(--muted);margin-bottom:22px}
  .btn{display:inline-block;font-weight:700;font-size:15px;padding:13px 24px;border-radius:30px;background:var(--grad);color:#08202b;box-shadow:0 8px 30px rgba(63,160,224,.35)}
  footer{border-top:1px solid var(--border);padding:34px 0}
  .foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted-2);font-size:13.5px;max-width:var(--maxw);margin:0 auto;padding:0 28px}
  .foot-inner b{color:var(--muted)}
  @media(max-width:620px){
    .row{grid-template-columns:auto 1fr;gap:14px}
    .acts{grid-column:1 / -1;min-width:0;flex-direction:row;flex-wrap:wrap}
    .act{flex:1}
  }

.form-wrap{max-width:640px;margin:8px auto 30px;position:relative;z-index:1}
  form.demo{display:flex;flex-direction:column;gap:18px;background:var(--card);border:1px solid var(--border);border-radius:22px;padding:34px 32px;box-shadow:0 18px 44px rgba(0,0,0,.34)}
  .fld{display:flex;flex-direction:column;gap:7px;text-align:left}
  .fld.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .fld label{font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--muted)}
  .fld label .req{color:var(--teal)}
  .demo input,.demo select,.demo textarea{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:13px 15px;color:var(--text);font-size:15px;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease}
  .demo input:focus,.demo select:focus,.demo textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(52,224,200,.16)}
  .demo textarea{resize:vertical;min-height:110px}
  .demo select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 20px,calc(100% - 14px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
  .demo .submit{margin-top:6px;border:none;cursor:pointer;font-weight:800;font-size:16px;padding:15px 24px;border-radius:30px;background:var(--grad);color:#08202b;box-shadow:0 8px 30px rgba(63,160,224,.35);transition:transform .15s ease,box-shadow .2s ease}
  .demo .submit:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(63,160,224,.5)}
  .demo .fine{color:var(--muted-2);font-size:12.5px;text-align:center;margin-top:2px}
  @media(max-width:560px){.fld.row2{grid-template-columns:1fr}form.demo{padding:26px 20px}}