@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,400;0,500;1,400&family=Newsreader:ital,wght@0,300;0,400;0,600;1,400&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--cobalt-bg:#030914;--cobalt-accent:#2563eb;--cobalt-light:#93c5fd;--cobalt-text:#dbeafe;--cobalt-muted:#60a5fa;--cobalt-surface:#060f28;--cobalt-border:#1e3a8a}
body{background:var(--cobalt-bg);color:var(--cobalt-text);font-family:'Newsreader',serif;line-height:1.75}
h1,h2,h3,h4{font-family:'DM Mono',monospace;font-weight:500;color:var(--cobalt-light);line-height:1.2}
h1{font-size:clamp(1.5rem,3.5vw,2.4rem);margin-bottom:1rem}
h2{font-size:clamp(1.2rem,2.5vw,1.7rem);margin-bottom:.8rem}
a{color:var(--cobalt-accent);text-decoration:none}
a:hover{color:var(--cobalt-light)}
p{margin-bottom:1rem}
.cobalt-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}
.cobalt-btn{display:inline-block;background:var(--cobalt-accent);color:#fff;padding:.8rem 2.2rem;border-radius:4px;font-family:'DM Mono',monospace;font-weight:500;font-size:.95rem;letter-spacing:.05em;transition:background .2s}
.cobalt-btn:hover{background:var(--cobalt-light);color:#030914}
.cobalt-header{background:var(--cobalt-surface);border-bottom:1px solid var(--cobalt-border);padding:.9rem 0}
.cobalt-header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.cobalt-logo{font-family:'DM Mono',monospace;font-weight:500;font-size:1.3rem;color:var(--cobalt-light)}
.cobalt-nav{display:flex;gap:1.5rem;list-style:none;flex-wrap:wrap}
.cobalt-nav a{color:var(--cobalt-text);font-size:.85rem;font-family:'DM Mono',monospace}
.cobalt-hero{padding:4rem 0;background:linear-gradient(180deg,#030914 0%,#0a1a40 100%);text-align:center;border-bottom:1px solid var(--cobalt-border)}
.cobalt-hero p{font-size:1.05rem;color:var(--cobalt-muted);margin-bottom:1.5rem;max-width:580px;margin-left:auto;margin-right:auto}
.cobalt-section{padding:3rem 0;border-bottom:1px solid var(--cobalt-border)}
.cobalt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}
.cobalt-card{background:var(--cobalt-surface);border:1px solid var(--cobalt-border);border-radius:8px;padding:1.5rem}
.cobalt-card h3{color:var(--cobalt-light)}
.cobalt-table{width:100%;border-collapse:collapse;margin-top:1rem}
.cobalt-table th,.cobalt-table td{padding:.7rem .9rem;border:1px solid var(--cobalt-border);font-size:.9rem}
.cobalt-table th{background:var(--cobalt-surface);color:var(--cobalt-light);font-family:'DM Mono',monospace;font-size:.85rem}
.cobalt-steps{list-style:none;counter-reset:steps;margin-top:1.5rem}
.cobalt-steps li{counter-increment:steps;padding:1rem 1rem 1rem 3.5rem;position:relative;border:1px solid var(--cobalt-border);border-radius:8px;margin-bottom:.75rem;background:var(--cobalt-surface)}
.cobalt-steps li::before{content:counter(steps);position:absolute;left:1rem;top:1rem;width:1.8rem;height:1.8rem;background:var(--cobalt-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:.9rem}
.cobalt-vip-tier{display:flex;align-items:center;gap:1rem;padding:.9rem;background:var(--cobalt-surface);border:1px solid var(--cobalt-border);border-radius:6px;margin-bottom:.6rem}
.cobalt-vip-name{font-family:'DM Mono',monospace;color:var(--cobalt-light);min-width:80px}
.cobalt-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}
.cobalt-review{background:var(--cobalt-surface);border:1px solid var(--cobalt-border);border-radius:8px;padding:1.5rem}
.cobalt-review-author{margin-top:.75rem;font-size:.85rem;color:var(--cobalt-muted)}
.cobalt-faq{margin-top:1.5rem}
.cobalt-faq-item{border:1px solid var(--cobalt-border);border-radius:8px;margin-bottom:.75rem;padding:1.25rem;background:var(--cobalt-surface)}
.cobalt-faq-q{font-family:'DM Mono',monospace;font-size:.9rem;color:var(--cobalt-light);margin-bottom:.5rem}
.cobalt-author-note{background:var(--cobalt-surface);border-left:3px solid var(--cobalt-accent);padding:1.5rem;border-radius:0 6px 6px 0;margin:2rem 0}
.cobalt-author-note h3{color:var(--cobalt-accent);margin-bottom:.75rem}
.cobalt-footer{background:var(--cobalt-surface);border-top:1px solid var(--cobalt-border);padding:2rem 0;text-align:center;font-size:.82rem;color:var(--cobalt-muted)}
.cobalt-footer p{margin-bottom:.5rem}
@media(max-width:768px){.cobalt-hero{padding:2.5rem 0}.cobalt-section{padding:2rem 0}}