:root {
    --c-acc: #a855f7;
    --c-acc-dark: #7e22ce;
    --c-dark: #0a0612;
    --c-bg: #110a1c;
    --c-bg-soft: #1a1029;
    --c-border: rgba(168,85,247,0.18);
    --c-text: #f0e9ff;
    --c-muted: rgba(255,255,255,0.6);
    --rhythm: 80px;
    --radius: 14px;
    --shadow: 0 0 32px rgba(168,85,247,0.18);
    --ff-h: 'Manrope', system-ui, -apple-system, sans-serif;
    --ff-b: 'Manrope', system-ui, -apple-system, sans-serif;
    --hue-shift: 20deg;
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--ff-b);background:var(--c-bg);color:var(--c-text);line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:var(--ff-h);font-weight:700}
a{color:var(--c-acc);text-decoration:none}
a:hover{text-decoration:underline}

.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.sec{padding:var(--rhythm) 0;background:var(--c-bg)}
.sec:nth-child(2n){background:var(--c-bg-soft)}

header.hd{background:var(--c-dark);padding:20px 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}
.hd .wrap{display:flex;justify-content:space-between;align-items:center}
.hd-logo{font-size:24px;font-weight:800;color:var(--c-acc);font-family:var(--ff-h)}
.hd-nav{display:flex;gap:30px}
.hd-link{color:var(--c-text);transition:color 0.3s}
.hd-link:hover{color:var(--c-acc)}
.hd-burger{display:none;background:none;border:none;cursor:pointer;color:var(--c-acc);font-size:24px;flex-direction:column;gap:5px}
.hd-burger span{width:25px;height:3px;background:var(--c-acc);border-radius:2px}

@media(max-width:768px){
    .hd-nav{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;background:var(--c-dark);padding:20px;border-bottom:1px solid var(--c-border);gap:15px}
    .hd-nav.open{display:flex}
    .hd-burger{display:flex}
}

.hero{background:linear-gradient(135deg, var(--c-acc-dark) 0%, var(--c-acc) 100%)}
.hero h1{font-size:48px;margin-bottom:20px;color:#fff}
.hero-subtitle{font-size:18px;margin-bottom:30px;color:rgba(255,255,255,0.9);max-width:600px}
.hero-btns{display:flex;gap:15px;margin-bottom:30px}
.hero-btns .btn{display:inline-block}
.hero-chips{display:flex;gap:15px;flex-wrap:wrap}
.chip{display:inline-block;background:rgba(255,255,255,0.2);padding:10px 15px;border-radius:20px;font-size:14px;color:#fff}

.trust-bar .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}
.trust-item{text-align:center}
.trust-n{font-size:36px;font-weight:800;color:var(--c-acc);margin-bottom:10px}
.trust-l{color:var(--c-muted);font-size:14px}

.cmp{width:100%;border-collapse:collapse;margin:20px 0}
.cmp thead{background:var(--c-bg-soft);border-bottom:1px solid var(--c-border)}
.cmp th{padding:15px;text-align:left;font-weight:600}
.cmp td{padding:15px;border-bottom:1px solid var(--c-border)}
.cmp tr:hover{background:var(--c-bg-soft)}
.cmp-logo{margin-right:10px;vertical-align:middle}
.cmp-badge{display:inline-block;background:var(--c-acc);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;margin-left:8px}
.inline-logo{margin-right:6px;vertical-align:middle}

.edit-big{background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:var(--radius);padding:40px;margin:30px 0}
.edit-big h3{font-size:28px;margin:15px 0}
.edit-big ul{list-style:none;margin:20px 0}
.edit-big li{padding:8px 0;padding-left:25px;position:relative}
.edit-big li:before{content:'✓';position:absolute;left:0;color:var(--c-acc)}
.edit-big .rating{font-size:18px;color:var(--c-acc);margin:10px 0}

.meth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:30px 0}
.meth-card{background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:var(--radius);padding:30px;text-align:center}
.meth-num{font-size:48px;font-weight:800;color:var(--c-acc);margin-bottom:15px}
.meth-card h3{margin-bottom:10px}

.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:30px 0}
.guide-card{background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:var(--radius);padding:25px;display:flex;flex-direction:column}
.guide-card h3{margin-bottom:10px}
.guide-card p{margin-bottom:20px;flex:1;color:var(--c-muted)}
.guide-card .btn{align-self:flex-start}

.faq-items{margin:30px 0}
.faq-item{border-bottom:1px solid var(--c-border);padding:20px 0}
.faq-q{cursor:pointer;display:flex;align-items:center;font-size:16px;font-weight:600;user-select:none;color:var(--c-text)}
.faq-q i{margin-right:10px;transition:transform 0.3s}
.faq-item.open .faq-q i{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.3s ease;color:var(--c-muted)}
.faq-item.open .faq-a{max-height:500px}

.btn{display:inline-block;padding:12px 24px;border-radius:var(--radius);font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all 0.3s;font-size:14px}
.btn-acc{background:var(--c-acc);color:#fff}
.btn-acc:hover{background:var(--c-acc-dark);text-decoration:none}
.btn-outline{border:1px solid var(--c-acc);color:var(--c-acc);background:transparent}
.btn-outline:hover{background:rgba(168,85,247,0.1);text-decoration:none}

.breadcrumb{margin-bottom:20px;font-size:14px;color:var(--c-muted)}
.breadcrumb a{color:var(--c-acc)}
.byline{font-size:14px;color:var(--c-muted);margin-bottom:20px;margin-top:10px}
.byline i{margin-right:5px}

.bp{text-align:center;padding:30px;background:var(--c-bg-soft);border-radius:var(--radius);margin:20px 0}
.bp-logo{border-radius:50%;margin-bottom:15px}
.bp-cap{color:var(--c-muted);font-size:14px;margin-top:10px}

.risk-strip{background:rgba(255,0,0,0.05);border-left:3px solid var(--c-acc);padding:20px 30px;margin:20px 0;border-radius:var(--radius)}
.risk-strip p{color:var(--c-muted);font-size:14px;margin:0}

.ck{position:fixed;bottom:0;left:0;right:0;background:var(--c-dark);border-top:1px solid var(--c-border);padding:20px;z-index:99;box-shadow:var(--shadow)}
.ck-content{max-width:600px;margin:0 auto}
.ck-content h3{margin-bottom:10px}
.ck-content p{margin-bottom:15px;font-size:14px}
.ck-prefs{margin:15px 0;padding:15px;background:var(--c-bg-soft);border-radius:var(--radius)}
.ck-prefs label{display:flex;align-items:center;margin:10px 0;cursor:pointer;font-size:14px}
.ck-prefs input{margin-right:10px;cursor:pointer}
.ck-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ck-reopen{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--c-acc);color:#fff;border:none;cursor:pointer;font-size:24px;z-index:98;display:none;box-shadow:var(--shadow)}
.ck-reopen.show{display:flex;align-items:center;justify-content:center}

footer.ft{background:var(--c-dark);border-top:1px solid var(--c-border);padding:40px 0 20px}
.ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px}
.ft-grid h3,.ft-grid h4{margin-bottom:15px}
.ft-grid ul{list-style:none}
.ft-grid ul li{margin:8px 0}
.ft-grid a{color:var(--c-acc)}
.ft-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--c-border);color:var(--c-muted);font-size:12px}

.contact-form fieldset{border:none;padding:20px;background:var(--c-bg-soft);border-radius:var(--radius)}
.contact-form label{display:flex;flex-direction:column;margin-bottom:15px;font-weight:500}
.contact-form input,.contact-form textarea{margin-top:5px;padding:10px;background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-text);border-radius----- FILE: assets/css/style.css (continued) -----
.contact-form input,.contact-form textarea{margin-top:5px;padding:10px;background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-text);border-radius:var(--radius)}
.contact-form button{margin-top:10px}

.score-table{width:100%;margin:20px 0;border-collapse:collapse}
.score-table tr{border-bottom:1px solid var(--c-border)}
.score-table td{padding:12px 15px}
.score-table td:last-child{text-align:right;color:var(--c-acc);font-weight:600}

.alternatives{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:30px 0}
.alt-card{background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:var(--radius);padding:25px;text-align:center}
.alt-card h3{margin:15px 0 10px}
.alt-card p{color:var(--c-muted);font-size:14px;margin-bottom:15px}

.prose-cons{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}
.pros,.cons{background:var(--c-bg-soft);border-radius:var(--radius);padding:25px}
.pros h3,.cons h3{margin-bottom:15px;color:var(--c-acc)}
.pros ul,.cons ul{list-style:none}
.pros li,.cons li{padding:8px 0;padding-left:25px;position:relative;font-size:14px}
.pros li:before{content:'✓';position:absolute;left:0;color:var(--c-acc)}
.cons li:before{content:'✕';position:absolute;left:0;color:#ff6b6b}

.not-found-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}

.editor-bio{display:flex;gap:30px;align-items:flex-start;margin:30px 0}
.editor-avatar{border-radius:50%;flex-shrink:0}
.editor-bio h3{margin-top:0}
.role{color:var(--c-muted);font-size:14px;margin-bottom:10px}

.contact-info{background:var(--c-bg-soft);border-radius:var(--radius);padding:30px;margin:30px 0}
.contact-info h2{margin-top:20px;margin-bottom:10px}

@media(max-width:768px){
    .hero h1{font-size:32px}
    .hero-btns{flex-direction:column}
    .hero-btns .btn{width:100%}
    .trust-bar .wrap{grid-template-columns:1fr 1fr}
    .meth-grid,.guides-grid,.alternatives{grid-template-columns:1fr}
    .prose-cons{grid-template-columns:1fr}
    .cmp{overflow-x:auto}
    .edit-big{padding:20px}
    .editor-bio{flex-direction:column;text-align:center}
    .ck{padding:15px}
    .ck-btns{flex-direction:column}
    .ck-btns .btn{width:100%}
    .ft-grid{grid-template-columns:1fr}
}