:root{--bg:#000;--panel:#121212;--panel-2:#0d0d0d;--text:#e8e8e8;--muted:#b3b3b3;--border:#2a2a2a;--nav:#090f18;--primary:#3a86ff;--accent:#15b36d}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(900px 450px at 10% 0%,#0b0b0b 0,#000 60%,#000 100%);color:var(--text)}
.navbar{background:var(--nav)}
.navbar.border-bottom{border-bottom:1px solid #090f18!important}
.navbar-dark .navbar-nav .nav-link{color:#c8c8c8}
.navbar-dark .navbar-nav .nav-link:hover{color:#fff}
.navbar-brand .navbar-logo{height:34px;width:auto}
.logo-sm{max-height:36px;width:auto}
.border-bottom{border-bottom:1px solid var(--border)!important}
.border-top{border-top:1px solid var(--border)!important}
.hero{background:linear-gradient(180deg,#090f18 0%,rgba(9,15,24,.85) 25%,rgba(9,15,24,.6) 50%,rgba(9,15,24,.3) 75%,transparent 100%)}
.hero h1{color:#fff}
.lead{color:var(--muted)}
.hero-logo{display:block;margin:0 auto;width:auto;height:auto;max-width:clamp(180px,26vw,420px)}
.hero-logo--lg{max-width:clamp(220px,30vw,480px)}
.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:14px;color:var(--text);box-shadow:0 8px 28px rgba(0,0,0,.45)}
.card:hover{transform:translateY(-2px);transition:transform .2s ease}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-outline-primary{color:var(--primary);border-color:var(--primary)}
.btn-success{background:var(--accent);border-color:var(--accent)}
.text-secondary{color:var(--muted)!important}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.reveal.show{opacity:1;transform:none}
.icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--border)}
.step{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:#cfcfcf}
footer{background:transparent;color:#cfcfcf}

.modal-overlay{background:rgba(0,0,0,.6)}
.modal-card{max-width:820px;width:92%}
.content-box{background:#0d0d0d;border:1px solid var(--border);border-radius:8px;padding:12px}
.pre-wrap{white-space:pre-wrap}