:root{--bg:#0a1216;--panel:#0f151a;--panel-2:#101820;--border:#1b222c;--text:#E6F2FF;--text-muted:#CBD6E0;--primary:#21C1FF;--accent:#27E68F}
*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
/* Header */
.site-header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(10,18,22,.95) 0%,rgba(10,18,22,.95) 70%,rgba(10,18,22,.86) 100%),linear-gradient(90deg,rgba(39,230,143,.20) 0%,rgba(39,230,143,.20) 60%,rgba(33,193,255,.16) 100%);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.site-logo,.no-tint{display:block;height:48px;width:auto;max-width:100%;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;isolation:isolate}
.nav-links{display:flex;align-items:center;gap:16px}
.nav a{color:var(--text);text-decoration:none;transition:color .2s,text-shadow .2s}
.nav a:hover{color:#DDE8F6;text-shadow:0 0 8px rgba(33,193,255,.30)}
.nav-toggle{display:none;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;padding:8px 10px}
/* Hero */
.hero{padding:80px 0;background:linear-gradient(180deg,rgba(39,230,143,.30) 0%,rgba(39,230,143,.26) 48%,rgba(33,193,255,.20) 76%,rgba(10,18,22,0) 100%),radial-gradient(900px circle at 20% 10%,rgba(39,230,143,.36) 0%,rgba(39,230,143,.28) 30%,rgba(33,193,255,.20) 60%,rgba(10,18,22,0) 100%);background-blend-mode:screen}
.hero h1{font-size:42px;margin:0 0 10px;color:#D8EAFE;text-shadow:0 1px 0 rgba(7,26,18,.6),0 0 12px rgba(33,193,255,.22)}
.hero p{color:var(--text-muted);font-size:18px;max-width:700px}
.cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
/* Sections & Cards */
.section{padding:64px 0}
.section.alt{background:var(--panel)}
.section h2{font-size:28px;margin:0 0 24px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 65%,var(--bg) 100%);border:1px solid var(--border);border-radius:12px;padding:18px;box-shadow:0 0 0 1px rgba(39,230,143,.10),0 10px 24px rgba(0,0,0,.40);transition:transform .18s,box-shadow .18s,border-color .18s}
.card h3{margin-top:0}.card p{color:var(--text-muted)}
.card:hover{border-color:rgba(39,230,143,.45);box-shadow:0 0 0 1px rgba(39,230,143,.35),0 14px 30px rgba(7,119,182,.38);transform:translateY(-2px)}
/* Service grid */
.services-hero{padding:80px 0;background:linear-gradient(180deg,rgba(39,230,143,.28) 0%,rgba(39,230,143,.22) 50%,rgba(33,193,255,.16) 100%),radial-gradient(900px circle at 20% 10%,rgba(39,230,143,.32) 0%,rgba(33,193,255,.18) 60%,rgba(10,18,22,0) 100%);background-blend-mode:screen}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.service-card{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 65%,var(--bg) 100%);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.35);transition:transform .18s,box-shadow .18s,border-color .18s}
.service-card:hover{transform:translateY(-2px);border-color:rgba(39,230,143,.45);box-shadow:0 14px 30px rgba(7,119,182,.40)}
.service-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;margin-bottom:8px;background:linear-gradient(135deg,rgba(39,230,143,.26) 0%,rgba(33,193,255,.20) 100%);box-shadow:0 0 0 1px rgba(39,230,143,.35),inset 0 0 12px rgba(33,193,255,.15)}
.service-icon svg{width:26px;height:26px;fill:#E6F2FF}
.bullets{list-style:none;padding:0;margin:10px 0 0}
.bullets li{display:flex;gap:8px;margin:6px 0;color:#CBD6E0}
.bullets svg{width:16px;height:16px;fill:rgba(39,230,143,.85)}
/* Buttons */
.btn{display:inline-block;border-radius:10px;padding:10px 14px;border:1px solid var(--border);color:#E6F2FF;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,filter .15s}
.btn.primary{background:linear-gradient(135deg,#27E68F 0%,#27E68F 70%,#21C1FF 100%);border-color:rgba(39,230,143,.65);text-shadow:0 1px 0 rgba(7,26,18,.55),0 0 8px rgba(33,193,255,.20);box-shadow:0 0 18px rgba(39,230,143,.32),inset 0 0 0 1px rgba(255,255,255,.08)}
.btn.primary:hover{filter:saturate(1.08) brightness(1.03);box-shadow:0 0 24px rgba(39,230,143,.40),inset 0 0 0 1px rgba(255,255,255,.12)}
.btn.ghost{background:transparent;border-color:rgba(39,230,143,.48)}.btn.ghost:hover{background:linear-gradient(180deg,rgba(39,230,143,.18) 0%,rgba(39,230,143,.14) 100%);border-color:var(--accent)}
/* Forms */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
label{color:var(--text-muted);font-size:14px}
input,textarea,select{background:#0c1519;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(39,230,143,.28)}
textarea{resize:vertical}
/* Footer */
.site-footer{border-top:1px solid var(--border);padding:24px 0;text-align:center;color:var(--text-muted)}
/* Responsive */
@media(max-width:1200px){.service-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nav{min-height:56px}.nav-toggle{display:block}.nav-links{display:none;flex-direction:column;gap:10px}.nav-links.open{display:flex}}
@media(max-width:600px){.nav{flex-wrap:wrap;gap:10px;padding:10px 0}.container{padding:0 12px}.hero h1{font-size:32px}.grid,.cards{grid-template-columns:1fr}.btn{display:block;width:100%;text-align:center}.site-logo{max-width:140px}}