:root {
  --bg-main: #0b0f14;
  --bg-surface: #121821;
  --card-light: #ffffff;
  --card-muted: #f3f5f7;
  --text-primary: #ffffff;
  --text-secondary: #a0aec0;
  --text-dark: #0f172a;
  --accent: #d4ff3f;
  --accent-hover: #c0eb2e;
  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.25);
}
body { margin:0; background:var(--bg-main); color:var(--text-primary); font-family:Inter,system-ui; }
.section { padding:64px 0; }
.site-header,.site-footer,.hero-frame,.order-card { background:linear-gradient(125deg,#0a111f 0%,#101a2f 55%,#0b0f14 100%); }
.logo-mark { color:var(--accent); } .logo-text { font-weight:700; }
.btn-primary-custom { background:var(--accent); color:#000; border:0; border-radius:var(--radius-md); font-weight:600; padding:12px 22px; }
.btn-primary-custom:hover,.btn-primary-custom:focus { background:var(--accent-hover); color:#000; }
.hero-frame { border-radius:0 0 var(--radius-lg) var(--radius-lg); padding:28px; box-shadow:var(--shadow-soft); }
.hero-image { max-height:480px; object-fit:contain; }
.hero-badge { display:inline-block; background:rgba(212,255,63,.1); color:var(--accent); border:1px solid rgba(212,255,63,.3); border-radius:999px; font-size:.9rem; padding:8px 14px; margin-bottom:16px; }
.hero-title { font-size:clamp(2rem,4vw,3.5rem); line-height:1.15; font-weight:700; margin-bottom:16px; }
.hero-subtitle { color:var(--text-secondary); font-size:1.15rem; margin-bottom:24px; max-width:28rem; }
.features-section { background:#f5f6f7; color:var(--text-dark); }
.section-title { font-size:2rem; font-weight:700; }
.feature-card { background:var(--card-light); border-radius:var(--radius-lg); padding:24px 16px; text-align:center; box-shadow:0 8px 24px rgba(3,14,36,.06); }
.feature-icon { font-size:1.4rem; margin-bottom:12px; }
.feature-card h3 { font-size:1rem; margin-bottom:6px; }
.feature-card p { margin:0; font-size:.9rem; color:#4b5563; }
.about-section { background:#fff; color:var(--text-dark); }
.eyebrow { text-transform:uppercase; letter-spacing:.08em; color:#67b7dd; margin-bottom:8px; font-weight:600; }
.about-title { font-size:clamp(1.8rem,3vw,2.6rem); margin-bottom:12px; }
.about-text { color:#334155; }
.about-list { list-style:none; padding-left:0; margin-bottom:0; }
.about-list li { padding-left:24px; position:relative; margin-bottom:8px; color:#1f2937; }
.about-list li::before { content:"✓"; color:#9dcf2b; position:absolute; left:0; }
.order-card { border-radius:var(--radius-lg); padding:28px; box-shadow:var(--shadow-soft); }
.order-title { font-size:clamp(1.8rem,3vw,2.5rem); margin:0; }
.order-title span { color:var(--accent); }
.order-benefits small,.privacy-note { color:var(--text-secondary); }
.form-control { border-radius:var(--radius-md); background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); color:var(--text-primary); }
.form-control::placeholder { color:rgba(255,255,255,.7); }
.invalid-feedback { display:block; color:#ff9b9b; }
.form-message.success { color:var(--accent); } .form-message.error { color:#ff9b9b; }
.site-footer { border-top:1px solid rgba(255,255,255,.12); color:var(--text-secondary); }
.social-dot { display:inline-flex; width:32px; height:32px; border-radius:999px; align-items:center; justify-content:center; background:rgba(255,255,255,.1); }
@media (max-width: 991px) { .section{padding:40px 0;} .hero-frame{border-radius:var(--radius-lg);} .hero-image{max-height:320px;} .order-card{padding:20px;} }