/* Ultimate Modern 2026 Dark/Light Theme */
*{margin:0;padding:0;box-sizing:border-box}
:root{--accent:#f97316;--dark:#1a1a1a;--darker:#0a0a0a;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#718096;--border-color:rgba(255,255,255,0.08);--nav-bg:rgba(10,10,10,0.95);--card-bg:rgba(26,26,26,0.9);--bg-body:#0a0a0a;--box-bg:rgba(30,30,30,0.6)}
[data-theme="light"]{--dark:#ffffff;--darker:#f8fafc;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--border-color:rgba(0,0,0,0.08);--nav-bg:rgba(255,255,255,0.98);--card-bg:#ffffff;--bg-body:#f7fafc;--box-bg:#f1f5f9}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg-body);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background .3s,color .3s}

/* Navigation */
.nav{background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;transition:background .3s}
.nav-wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;height:60px}
.nav-left{display:flex;align-items:center;gap:16px}
.nav-right{display:flex;align-items:center;gap:16px}
.logo{font-size:18px;font-weight:800;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:8px;flex-shrink:0}
.logo-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.logo-icon svg{width:24px;height:24px}

/* Search Box */
.search-box{width:280px;position:relative}
.search-input{width:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px 40px 8px 14px;color:var(--text-primary);font-size:14px;transition:all .2s}
.search-input:focus{outline:none;border-color:var(--accent);background:var(--card-bg)}
.search-input::placeholder{color:var(--text-muted)}
.search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:var(--accent);border:none;border-radius:6px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.search-btn:hover{opacity:0.9}
.search-btn svg{width:16px;height:16px;fill:#0a0a0a}

/* Nav Links */
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}
.nav-links a:hover{color:var(--accent)}
.nav-cta{background:var(--accent);color:#0a0a0a !important;padding:8px 16px;border-radius:6px;font-weight:600}
.nav-cta:hover{opacity:0.9}
.mobile-cta{background:var(--accent);color:#0a0a0a !important;padding:8px 16px;border-radius:6px;font-weight:600;font-size:14px;text-decoration:none;display:none}

/* Theme Toggle */
.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.theme-toggle:hover{border-color:var(--accent)}
.theme-toggle svg{width:20px;height:20px;fill:var(--text-secondary)}
.theme-toggle .sun{display:none}
.theme-toggle .moon{display:block}
[data-theme="light"] .theme-toggle .sun{display:block}
[data-theme="light"] .theme-toggle .moon{display:none}

/* Mobile Burger Menu */
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.burger span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}
.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:16px 24px;z-index:99;max-height:calc(100vh - 60px);overflow-y:auto}
.mobile-menu.active{display:block}
.mobile-menu a{display:block;padding:12px 0;color:var(--text-primary);text-decoration:none;font-size:16px;font-weight:500;border-bottom:1px solid var(--border-color)}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{color:var(--accent)}
.mobile-menu .mobile-search{margin-bottom:16px}
.mobile-menu .mobile-search .search-input{width:100%}
.mobile-theme-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color);margin-bottom:8px}
.mobile-theme-row span{color:var(--text-primary);font-size:16px;font-weight:500}
.mobile-theme-row .theme-toggle{display:flex}
.mobile-cta-menu{background:var(--accent);color:#0a0a0a !important;padding:12px 16px;border-radius:8px;font-weight:600;text-align:center;margin-top:16px}

/* Breadcrumb */
.breadcrumb{padding:12px 0;background:var(--card-bg);border-bottom:1px solid var(--border-color)}
.breadcrumb-wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}
.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb-sep{color:var(--text-muted)}
.breadcrumb-current{color:var(--text-secondary)}

/* Hero Section */
.hero{background:linear-gradient(135deg,var(--darker) 0%,var(--dark) 100%);padding:60px 24px;text-align:center;border-bottom:1px solid var(--border-color);transition:background .3s}
.hero-content{max-width:800px;margin:0 auto}
.hero h1{font-size:42px;font-weight:900;margin-bottom:16px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{font-size:18px;color:var(--text-muted);margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#0a0a0a;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.3)}

/* Container & Sections */
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.container.narrow{max-width:900px}
.section{padding:48px 24px}
.section-header{text-align:center;margin-bottom:40px}
.section-title{font-size:32px;font-weight:900;margin-bottom:12px;color:var(--text-primary)}
.section-subtitle{color:var(--text-muted);font-size:16px}

/* Cards Grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s}
.card:hover{border-color:var(--accent);transform:translateY(-4px)}
.card-badge{display:inline-block;background:rgba(239,68,68,0.1);color:#f87171;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;margin-bottom:12px}
.card h3{font-size:18px;font-weight:700;margin-bottom:8px}
.card h3 a{color:var(--text-primary);text-decoration:none;transition:color .2s}
.card h3 a:hover{color:var(--accent)}
.card-meta{font-size:12px;color:var(--text-muted);margin-bottom:8px}
.card-text{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}
.card-link{color:var(--accent);text-decoration:none;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.card-link:hover{text-decoration:underline}

/* Review Article */
.review{max-width:1200px;margin:0 auto;padding:32px 24px}
.review-box{background:var(--card-bg);border-radius:16px;padding:32px;border:1px solid var(--border-color);box-shadow:0 4px 24px rgba(0,0,0,0.2);transition:background .3s}
.review-header{margin-bottom:24px}
.review-title{font-size:32px;font-weight:900;margin-bottom:8px;line-height:1.2;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text-primary)}
.review-meta{font-size:13px;color:var(--text-muted)}
.review-main-title{font-size:26px;font-weight:800;margin-bottom:16px;color:var(--text-primary)}
.review-intro{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:24px}
.unreg-badge{display:inline-block;padding:4px 10px;background:rgba(239,68,68,0.15);color:#f87171;font-size:11px;font-weight:700;border-radius:6px;cursor:help;position:relative;vertical-align:middle}
.unreg-badge:hover::after{content:attr(title);position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;padding:8px 12px;background:var(--card-bg);color:var(--text-secondary);font-size:12px;font-weight:400;border-radius:6px;white-space:normal;width:280px;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.3);border:1px solid var(--border-color)}

/* Alerts */
.alert{padding:16px 20px;border-radius:10px;margin-bottom:20px}
.alert-warning{background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.2)}
.alert h3{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--text-primary)}
.alert p{font-size:13px;color:var(--text-secondary);line-height:1.6}

/* Info Panel */
.panel{background:var(--darker);border:1px solid var(--border-color);border-radius:10px;padding:16px 20px;margin-bottom:24px}
.panel h3{font-size:16px;font-weight:700;margin:0 0 14px;color:var(--accent)}
.panel-table{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.panel-item{display:flex;flex-direction:column;gap:3px}
.panel-label{color:var(--text-muted);font-size:11px;text-transform:uppercase;font-weight:600}
.panel-value{color:var(--text-primary);font-size:13px;word-break:break-word}
.status{display:inline-flex;padding:3px 8px;background:rgba(239,68,68,0.15);color:#f87171;font-size:10px;font-weight:700;border-radius:4px;width:fit-content}

/* WHOIS Section */
.whois-section{margin:24px 0;background:var(--card-bg);border:1px solid rgba(96,165,250,0.2);border-radius:12px;overflow:hidden}
.whois-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(96,165,250,0.1);border-bottom:1px solid rgba(96,165,250,0.15)}
.whois-icon{width:36px;height:36px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center}
.whois-icon svg{width:20px;height:20px;fill:#0a0a0a}
.whois-title h3{font-size:16px;font-weight:800;color:var(--text-primary);margin:0}
.whois-domain{font-size:12px;color:var(--accent);font-family:monospace;background:var(--darker);padding:2px 8px;border-radius:4px;margin-top:2px;display:inline-block}
.whois-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border-color);padding:1px}
.whois-item{background:var(--darker);padding:14px 16px}
.whois-item.whois-full{grid-column:1/-1}
.whois-item.whois-span-2{grid-column:span 2}
.whois-item.whois-span-3{grid-column:span 3}
.whois-label{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:4px;letter-spacing:0.5px}
.whois-value{font-size:13px;color:var(--text-primary);font-weight:500;word-break:break-word}

/* Table of Contents */
.toc{background:var(--box-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;overflow:hidden}
.toc-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;transition:background .2s}
.toc-header:hover{background:var(--darker)}
.toc-title{font-size:14px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}
.toc-title svg{width:18px;height:18px;fill:var(--accent)}
.toc-toggle{width:24px;height:24px;border-radius:6px;background:var(--darker);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.toc-toggle svg{width:14px;height:14px;fill:var(--text-muted);transition:transform .3s}
.toc.open .toc-toggle svg{transform:rotate(180deg)}
.toc-content{display:none;padding:0 18px 16px;border-top:1px solid var(--border-color)}
.toc.open .toc-content{display:block}
.toc-list{list-style:none;padding:12px 0 0}
.toc-list li{padding:6px 0}
.toc-list a{color:var(--text-secondary);text-decoration:none;font-size:13px;display:flex;align-items:center;gap:8px;transition:color .2s}
.toc-list a:hover{color:var(--accent)}
.toc-list a::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:0.6}

/* Content Sections */
.content-section{margin:32px 0}
.content-section h2{font-size:26px;font-weight:800;margin-bottom:18px;color:var(--text-primary)}
.content-section h3{font-size:20px;font-weight:700;margin:24px 0 12px;color:var(--text-primary)}
.content-section p{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:12px}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
.content-box{background:var(--box-bg);border-radius:10px;padding:20px;border:1px solid var(--border-color)}
.content-box h3{margin-top:0;color:var(--accent)}

/* Extra Sections (How to Stay Safe, etc) */
.extra-section{margin:28px 0}
.extra-section h3{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}
.extra-section p{font-size:16px;line-height:1.7;color:var(--text-secondary)}

/* FAQ Section */
.faq-section{margin:32px 0}
.faq-section h2{font-size:26px;font-weight:800;margin-bottom:20px;color:var(--text-primary)}
.faq-item{background:var(--box-bg);border-radius:10px;padding:16px 20px;margin-bottom:12px;border:1px solid var(--border-color)}
.faq-item:last-child{margin-bottom:0}
.faq-question{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:start;gap:10px}
.faq-question::before{content:'Q';background:var(--accent);color:#0a0a0a;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}
.faq-answer{font-size:16px;line-height:1.7;color:var(--text-muted);padding-left:32px}

/* Warning Signs Grid */
.warning-signs{margin:32px 0}
.warning-signs>h2{font-size:26px;font-weight:800;margin-bottom:20px;color:var(--text-primary)}
.warning-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.warning-card{background:rgba(239,68,68,0.05);border:1px solid rgba(239,68,68,0.15);border-radius:12px;padding:20px;display:flex;gap:16px;transition:all .2s}
.warning-card:hover{border-color:rgba(239,68,68,0.3);background:rgba(239,68,68,0.08)}
.warning-icon{width:44px;height:44px;background:rgba(239,68,68,0.15);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#f87171;flex-shrink:0}
.warning-icon svg{width:22px;height:22px}
.warning-content h3{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px}
.warning-content p{font-size:14px;color:var(--text-muted);line-height:1.6}
@media(max-width:640px){.warning-grid{grid-template-columns:1fr}}

/* Actions Section */
.actions-section{margin:32px 0}
.actions-section h2{font-size:26px;font-weight:800;margin-bottom:12px;color:var(--text-primary)}
.actions-intro{font-size:16px;color:var(--text-muted);margin-bottom:16px}
.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.action-card{background:rgba(96,165,250,0.05);border:1px solid rgba(96,165,250,0.15);border-radius:10px;padding:14px;position:relative;display:flex;gap:12px;transition:all .2s}
.action-card:hover{border-color:rgba(96,165,250,0.3);transform:translateY(-2px)}
.action-number{position:absolute;top:10px;right:10px;width:22px;height:22px;background:var(--accent);color:#0a0a0a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.action-icon{width:36px;height:36px;background:rgba(96,165,250,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}
.action-icon svg{width:18px;height:18px}
.action-content h3{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:3px}
.action-content p{font-size:14px;color:var(--text-muted);line-height:1.4}

/* Related Reviews */
.related-section{margin:40px 0;padding-top:32px;border-top:1px solid var(--border-color)}
.related-section h2{font-size:26px;font-weight:800;margin-bottom:20px;color:var(--text-primary)}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.related-card{background:var(--box-bg);border:1px solid var(--border-color);border-radius:10px;padding:16px;transition:all .2s}
.related-card:hover{border-color:var(--accent)}
.related-card h4{font-size:14px;font-weight:700;margin-bottom:6px}
.related-card h4 a{color:var(--text-primary);text-decoration:none}
.related-card h4 a:hover{color:var(--accent)}
.related-card p{font-size:12px;color:var(--text-muted)}

/* CTA Section */
.cta{margin:32px 0}
.cta h2{font-size:26px;font-weight:800;margin-bottom:10px;color:var(--text-primary)}
.cta p{font-size:16px;color:var(--text-muted);margin-bottom:16px}
.cta-form{min-height:750px}

/* Get Help Page */
.help-hero{background:linear-gradient(135deg,var(--darker) 0%,var(--dark) 100%);padding:48px 24px;text-align:center;border-bottom:1px solid var(--border-color)}
.help-hero h1{font-size:36px;font-weight:900;margin-bottom:12px;color:var(--text-primary)}
.help-hero p{font-size:16px;color:var(--text-muted);max-width:600px;margin:0 auto}

.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:40px 0}
.service-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s}
.service-card:hover{border-color:var(--accent)}
.service-icon{width:48px;height:48px;background:rgba(96,165,250,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:16px}
.service-icon svg{width:24px;height:24px}
.service-card h3{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}
.service-card p{font-size:13px;color:var(--text-muted);line-height:1.6}

.form-section{background:var(--card-bg);border-radius:12px;padding:32px;margin:40px 0}
.form-section h2{font-size:24px;font-weight:800;margin-bottom:8px;text-align:center;color:var(--text-primary)}
.form-section>p{text-align:center;color:var(--text-muted);margin-bottom:24px}

/* Contact Form */
.contact-form{max-width:600px;margin:0 auto}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px}
.form-input,.form-textarea{width:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s}
.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}
.form-textarea{min-height:150px;resize:vertical}
.form-submit{width:100%;background:var(--accent);color:#0a0a0a;border:none;padding:14px 24px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}
.form-submit:hover{opacity:0.9;transform:translateY(-2px)}

/* Legal Pages */
.legal-content{max-width:900px;margin:0 auto;padding:48px 24px}
.legal-content h1{font-size:32px;font-weight:900;margin-bottom:24px;color:var(--text-primary)}
.legal-content h2{font-size:22px;font-weight:800;margin:32px 0 16px;color:var(--accent)}
.legal-content h3{font-size:18px;font-weight:700;margin:24px 0 12px;color:var(--text-primary)}
.legal-content p{font-size:16px;margin-bottom:16px;color:var(--text-secondary);line-height:1.7}
.legal-content ul{margin:16px 0;padding-left:24px}
.legal-content li{font-size:16px;margin-bottom:8px;color:var(--text-secondary)}

/* Footer */
.footer{background:var(--darker);border-top:1px solid var(--border-color);padding:48px 24px 24px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.footer-col h4{font-size:14px;font-weight:800;margin-bottom:16px;color:var(--accent)}
.footer-col:not(:first-child) h4{text-transform:uppercase}
.footer-col p{font-size:13px;color:var(--text-muted);line-height:1.6}
.footer-col a{color:var(--text-muted);text-decoration:none;display:block;margin-bottom:10px;font-size:13px;transition:color .2s}
.footer-col a:hover{color:var(--accent)}
.footer-bottom{max-width:1200px;margin:32px auto 0;padding-top:24px;border-top:1px solid var(--border-color);text-align:center}
.footer-copyright{font-size:12px;color:var(--text-muted);line-height:1.6}

/* Responsive */
@media(max-width:1024px){
.nav-wrap{flex-wrap:nowrap;height:60px;padding:0 16px}
.search-box{display:none}
.theme-toggle{display:none}
.hero h1{font-size:32px}
.grid,.services-grid{grid-template-columns:1fr}
.review{padding:24px 20px}
.review-box{padding:20px}
.review-title{font-size:26px}
.whois-grid{grid-template-columns:1fr 1fr}
.panel-table{grid-template-columns:1fr}
.warning-grid,.actions-grid,.related-grid,.content-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.nav-links{display:none}
.burger{display:flex}
.hero{padding:40px 20px}
.hero h1{font-size:28px}
.whois-grid{grid-template-columns:1fr}
.form-section{padding:16px 0}
}

/* Search Results Highlight */
.search-results{position:absolute;top:100%;left:0;right:0;background:var(--dark);border:1px solid var(--border-color);border-radius:8px;margin-top:4px;max-height:300px;overflow-y:auto;display:none;z-index:50}
.search-results.active{display:block}
.search-result-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}
.search-result-item:hover{background:var(--darker)}
.search-result-item:last-child{border-bottom:none}
.search-result-title{font-size:14px;font-weight:600;color:var(--text-primary)}
.search-result-meta{font-size:12px;color:var(--text-muted)}