:root{--primary:#a855f7;--primary-glow:rgba(168,85,247,0.4);--secondary:#6366f1;--accent:#f472b6;--accent-glow:rgba(244,114,182,0.3);--bg-from:#1e1b4b;--bg-via:#312e81;--bg-to:#0f0a1a;--card-bg:rgba(30,27,75,0.6);--card-border:rgba(168,85,247,0.2);--text:#e5e7eb;--text-dim:#a5b4fc;--muted:#94a3b8;--shadow-strong:0 10px 30px rgba(0,0,0,.45),0 0 0 1px var(--card-border);--transition:0.25s cubic-bezier(0.34, 1.56, 0.64, 1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,sans-serif;font-weight:400;color:var(--text);background:linear-gradient(135deg,var(--bg-from),var(--bg-via) 45%,var(--bg-to));background-attachment:fixed}img{max-width:100%;display:block}a{color:var(--text);text-decoration:none}a:hover{color:#fff}h1,h2,h3,h4{font-family:Inter,system-ui,sans-serif;font-weight:700;margin:0 0 .5rem}p{margin:.5rem 0 1rem;line-height:1.65}.mono{font-family:"JetBrains Mono",monospace}.dim{color:var(--muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,10,26,0.7);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.2px}.logo-text{filter:drop-shadow(0 0 12px var(--primary-glow))}.logo-mark{display:inline-flex}
.main-nav .nav-links{display:flex;align-items:center;gap:1rem}.main-nav a{padding:.6rem .8rem;border:1px solid transparent;transition:transform var(--transition),background var(--transition),border-color var(--transition)}.main-nav a:hover{transform:scale(1.05)}.main-nav .active{border-color:var(--card-border);background:rgba(99,102,241,0.08)}.nav-cta{border-color:var(--primary);background:rgba(168,85,247,.12)}.badge-18{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border:1px solid var(--card-border);background:rgba(168,85,247,.08);color:#fff;font-weight:700;border-radius:6px}.badge-18.big{font-size:1rem}.badge-18.huge{font-size:1.6rem;padding:.5rem .8rem;border-width:2px}
.hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:0;cursor:pointer}.hamburger span{width:22px;height:2px;background:var(--text);transition:all var(--transition)}

/* Hero */
.hero{padding:80px 0 40px}.hero-grid{display:grid;gap:32px;align-items:center}.hero-content .eyebrow{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;margin-bottom:.5rem}.hero-title{font-size:2.2rem;line-height:1.1;margin-bottom:.7rem}.hero-subtitle{color:var(--text-dim);max-width:60ch}.hero-actions{display:flex;gap:.8rem;margin:1.2rem 0}.meta-chip{display:inline-block;border:1px solid var(--card-border);padding:.35rem .6rem;border-radius:6px;color:var(--text-dim);margin-right:.5rem}
.hero-visual{position:relative}.hero-img{width:100%;height:320px;border:1px solid var(--card-border);background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.4)),url('/assets/img/ban.jpeg') center/cover;border-radius:6px;box-shadow:var(--shadow-strong)}.stat-overlay{position:absolute;inset:auto 12px -16px auto;display:flex;gap:12px}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(6px);padding:.6rem .8rem;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.35)}

/* Sections */
.section{padding:70px 0}.section-head{text-align:center;margin-bottom:28px}.section-head p{color:var(--text-dim)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border:2px solid var(--primary);border-radius:6px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition);font-weight:700}.btn-primary{background:var(--primary);color:#0f0a1a;box-shadow:0 0 0 0 var(--primary-glow),0 10px 20px rgba(168,85,247,.25)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 25px 6px var(--primary-glow)}.btn-ghost{background:transparent;border-color:var(--card-border);color:var(--text)}.btn-ghost:hover{background:rgba(99,102,241,.1);border-color:var(--secondary)}
.btn-pulse{animation:pulse 2s infinite ease-in-out}

/* Cards */
.card{background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(6px);padding:18px;border-radius:6px;box-shadow:var(--shadow-strong)}.card.accent-left{border-left:3px solid var(--accent)}.card.soft{background:rgba(30,27,75,0.45)}.card.notice{display:flex;align-items:center;gap:12px}

/* Features */
.feature-grid{display:grid;grid-template-columns:1fr;gap:16px}.feature-card .icon{color:var(--secondary);margin-bottom:.5rem}

/* About */
.about-grid{display:grid;grid-template-columns:1fr;gap:24px}.mission{margin-top:12px}.trust-badges{display:grid;grid-template-columns:1fr;gap:12px}.trust{display:flex;gap:12px;align-items:flex-start}.trust-icon{font-size:22px;line-height:1}

/* Download section */
.email-form{display:flex;gap:8px;justify-content:center;max-width:700px;margin:0 auto}.email-form input{flex:1;padding:.9rem 1rem;border-radius:6px;border:1px solid var(--card-border);background:rgba(15,10,26,.6);color:var(--text);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.email-form input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px rgba(99,102,241,.2)}.email-success{text-align:center;margin-top:12px;color:#fff}

/* Accordion */
.accordion-item+.accordion-item{margin-top:10px}.accordion-header{width:100%;text-align:left;background:transparent;border:0;color:var(--text);font-weight:700;padding:.8rem;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.accordion-header::after{content:"+";color:var(--text-dim);transition:transform var(--transition)}.accordion-header[aria-expanded="true"]::after{transform:rotate(45deg)}.accordion-panel{max-height:0;overflow:hidden;transition:max-height var(--transition);padding:0 .8rem}.accordion-panel p{margin:.6rem 0 1rem}

/* Tables */
.table-wrap{overflow:auto}.score-table{width:100%;border-collapse:separate;border-spacing:0}.score-table th,.score-table td{padding:12px 14px;border-bottom:1px solid var(--card-border)}.score-table th{text-align:left;color:var(--text-dim);font-weight:700}

/* Examples */
.example-grid{display:grid;grid-template-columns:1fr;gap:16px}.example-list{margin:0;padding-left:18px}

/* Page hero */
.page-hero{position:relative;padding:70px 0 40px}.page-hero.small-hero{padding:60px 0}.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.65)),var(--hero-img,radial-gradient(circle at 20% 20%,rgba(99,102,241,.2),transparent 40%));background-size:cover;background-position:center;filter:saturate(1.1)}.page-hero .container{position:relative}

/* Disclaimer */
.disclaimer-card{display:flex;gap:16px;align-items:flex-start}
.links-inline{display:flex;gap:12px;flex-wrap:wrap}.link{color:var(--secondary);text-decoration:underline}.link:hover{color:#fff}

/* Footer */
.site-footer{margin-top:20px;border-top:1px solid var(--card-border);background:rgba(15,10,26,0.6);backdrop-filter:blur(8px)}.footer-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:30px 0}.footer-brand .footer-note{color:var(--text-dim)}.footer-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.footer-links h4{color:#fff;margin-bottom:.4rem}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links a{color:var(--text-dim)}.footer-links a:hover{color:#fff}
.footer-base{border-top:1px solid var(--card-border)}.footer-base-inner{display:flex;justify-content:center;align-items:center;height:56px;color:var(--text-dim)}

/* Sticky CTA */
.sticky-cta{position:fixed;right:18px;bottom:18px;z-index:40}

/* Modal */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:60}.modal[aria-hidden="false"]{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.modal-content{position:relative;max-width:520px;width:92%;z-index:1}

/* Animations */
@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}.floating{animation:float 5s ease-in-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 18px rgba(168,85,247,0)}100%{box-shadow:0 0 0 0 rgba(168,85,247,0)}}

/* Responsive */
@media (min-width:640px){.hero-title{font-size:2.6rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.trust-badges{grid-template-columns:repeat(2,1fr)}.example-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:768px){.hero-grid{grid-template-columns:1.1fr .9fr}.about-grid{grid-template-columns:1.1fr .9fr}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-overlay{inset:auto 24px -24px auto}}
@media (min-width:1024px){.nav-cta{margin-right:.5rem}.hamburger{display:none}.main-nav .nav-links{display:flex}.footer-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:repeat(3,1fr)}.trust-badges{grid-template-columns:repeat(3,1fr)}.example-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1023.98px){.hamburger{display:flex}.main-nav .nav-links{position:fixed;inset:64px 0 auto 0;background:rgba(15,10,26,.9);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;gap:0;padding:10px 16px;border-bottom:1px solid var(--card-border);transform:translateY(-120%);transition:transform var(--transition)}.main-nav .nav-links.open{transform:translateY(0)}.main-nav .nav-links li{width:100%}.main-nav .nav-links a,.main-nav .nav-links .badge-18{display:block;width:100%;padding:12px;border-radius:6px}}