:root{
  --bg:#0b0e12;
  --panel:#11161d;
  --panel-2:#0e141a;
  --ink:#e5e7eb;
  --muted:#9aa4b2;
  --blue:#1C7ED6;
  --gold:#E19C23;
  --green:#22c55e;
  --ring:rgba(28,126,214,.25);
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg),#0d1117)}
.container{max-width:1120px;margin:0 auto;padding:0 18px}
.glass{backdrop-filter:saturate(180%) blur(10px);}
.nav{position:sticky;top:0;background:rgba(14,20,26,.6);border-bottom:1px solid #1f2937;z-index:20}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.logo{height:40px;width:auto;border-radius:10px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.brand-text{font-weight:800;letter-spacing:.2px}
.actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-block;padding:10px 14px;border-radius:14px;border:1px solid transparent;text-decoration:none;font-weight:700;transition:.2s ease;box-shadow:0 1px 0 rgba(255,255,255,.02)}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--blue);color:#fff}
.btn-outline{border-color:var(--blue);color:#e5e7eb;background:transparent}
.btn-ghost{border-color:#273244;background:transparent;color:#cbd5e1}
.btn-success{background:var(--green);color:#081017;border:1px solid rgba(0,0,0,.2)}
.hero{background:radial-gradient(1200px 600px at 20% 0%, #10161f 0%, transparent 60%), radial-gradient(1200px 600px at 80% -10%, #0d1420 0%, transparent 60%)}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:54px 0}
.hero-copy h1{font-size:44px;line-height:1.1;margin:0;color:#fff;text-shadow:0 2px 24px rgba(28,126,214,.2)}
.subtitle{color:var(--muted);font-size:18px;margin-top:10px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.badge{padding:6px 10px;border-radius:12px;background:#0f1621;border:1px solid #1f2a38;font-size:13px;color:#c9d3df;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.cta-row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.hero-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ph{aspect-ratio:4/3;border-radius:16px;background:linear-gradient(135deg,#101620,#0c1117);border:1px solid #1f2937;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.section{padding:54px 0;background:transparent}
.section.alt{background:linear-gradient(180deg,var(--panel-2),var(--panel))}
h2{font-size:28px;margin:0 0 16px;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border:1px solid #1f2937;border-radius:16px;padding:16px;background:linear-gradient(180deg,#0e141a,#0b1016);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-left:16px}
.steps li{background:linear-gradient(180deg,#0f151d,#0c1117);border:1px solid #1f2937;border-radius:12px;padding:12px;list-style:decimal-leading-zero;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.form{display:grid;gap:10px}
.form input,.form textarea{padding:12px;border:1px solid #233044;border-radius:12px;font:inherit;background:#0b1118;color:#e5e7eb}
.form input:focus,.form textarea:focus{outline:2px solid var(--ring);border-color:var(--blue)}
.muted{color:var(--muted)}
.footer{border-top:1px solid #1f2937;background:rgba(14,20,26,.6)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;color:#cbd5e1}
.footer-links{display:flex;gap:12px}
@media (max-width: 880px){
  .hero-inner{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .contact{grid-template-columns:1fr}
}
@media (max-width: 520px){
  .grid{grid-template-columns:1fr}
}