/* ── TREND OR TRAP — SHARED STYLESHEET ── */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#080c10;
  --surface:#0d1117;
  --card:#111820;
  --accent:#00d4ff;
  --accent2:#00ff9d;
  --gold:#f0c040;
  --red:#ff4560;
  --text:#e8f0f8;
  --muted:#5a7080;
  --border:#1e2d3d;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Outfit',sans-serif;min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;}
.orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;}
.orb1{width:600px;height:600px;background:rgba(0,212,255,0.06);top:-200px;left:-200px;}
.orb2{width:500px;height:500px;background:rgba(0,255,157,0.05);bottom:-150px;right:-150px;}

/* ── HEADER / NAV ── */
header{position:sticky;top:0;z-index:100;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(8,12,16,0.92);backdrop-filter:blur(14px);flex-wrap:wrap;gap:12px;}
.logo{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:4px;color:var(--accent);text-shadow:0 0 30px rgba(0,212,255,0.35);text-decoration:none;}
.logo .or{color:var(--accent2);}
.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.nav-links a{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:1px;text-decoration:none;text-transform:uppercase;padding:6px 12px;border-radius:6px;transition:color 0.2s,background 0.2s;}
.nav-links a:hover,.nav-links a.active{color:var(--accent);background:rgba(0,212,255,0.08);}
.nav-play{background:linear-gradient(135deg,rgba(0,212,255,0.18),rgba(0,255,157,0.12));border:1px solid rgba(0,212,255,0.3);border-radius:20px;padding:6px 16px;font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:1px;text-decoration:none;transition:all 0.2s;white-space:nowrap;}
.nav-play:hover{background:linear-gradient(135deg,rgba(0,212,255,0.28),rgba(0,255,157,0.18));color:#fff;}

/* ── PAGE HERO (non-home) ── */
.page-hero{position:relative;z-index:5;padding:60px 20px 40px;text-align:center;max-width:800px;margin:0 auto;}
.page-eyebrow{display:inline-block;font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--accent2);text-transform:uppercase;padding:5px 18px;border:1px solid rgba(0,255,157,0.3);border-radius:20px;background:rgba(0,255,157,0.05);margin-bottom:20px;}
.page-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,7vw,72px);letter-spacing:4px;line-height:1;color:#fff;margin-bottom:14px;}
.page-hero h1 span{color:var(--accent);}
.page-hero p{font-size:15px;color:var(--muted);font-weight:300;line-height:1.75;max-width:620px;margin:0 auto;}

/* ── CONTENT WRAPPER ── */
.content-wrap{position:relative;z-index:5;max-width:780px;margin:0 auto;padding:0 24px 80px;}

/* ── ARTICLE PROSE ── */
.prose h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(24px,4vw,36px);letter-spacing:2px;color:#fff;margin:48px 0 16px;line-height:1.1;}
.prose h2 span{color:var(--accent);}
.prose h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(18px,3vw,26px);letter-spacing:1.5px;color:var(--accent2);margin:32px 0 12px;}
.prose p{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:20px;font-weight:300;}
.prose p strong{color:var(--text);font-weight:600;}
.prose ul,.prose ol{margin:0 0 20px 0;padding-left:0;list-style:none;}
.prose li{font-size:15px;color:var(--muted);line-height:1.8;font-weight:300;padding:6px 0 6px 20px;position:relative;}
.prose li::before{content:'▸';position:absolute;left:0;color:var(--accent);font-size:11px;top:8px;}
.prose ol{counter-reset:list;}
.prose ol li::before{content:counter(list);counter-increment:list;background:rgba(0,212,255,0.12);border:1px solid rgba(0,212,255,0.25);border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--accent);top:7px;padding:0;}
.prose blockquote{border-left:3px solid var(--accent);padding:16px 20px;background:rgba(0,212,255,0.04);border-radius:0 8px 8px 0;margin:28px 0;}
.prose blockquote p{margin:0;color:var(--text);font-style:italic;}
.prose .callout{background:rgba(0,255,157,0.05);border:1px solid rgba(0,255,157,0.2);border-radius:10px;padding:20px 24px;margin:28px 0;}
.prose .callout strong{color:var(--accent2);font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:8px;}
.prose .callout p{margin:0;font-size:14px;}
.prose hr{border:none;border-top:1px solid var(--border);margin:40px 0;}

/* ── ARTICLE META ── */
.article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0 32px;border-bottom:1px solid var(--border);margin-bottom:40px;}
.article-meta .author{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:1px;}
.article-meta .date,.article-meta .read-time{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:1px;}
.article-meta .tag{background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.2);border-radius:10px;padding:3px 10px;font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--accent);letter-spacing:1px;text-transform:uppercase;}

/* ── BLOG CARDS ── */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:40px;}
.blog-card{background:rgba(13,17,23,0.9);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform 0.3s,border-color 0.3s;text-decoration:none;display:block;}
.blog-card:hover{transform:translateY(-4px);border-color:rgba(0,212,255,0.3);}
.blog-card-header{padding:20px 22px 16px;border-bottom:1px solid var(--border);}
.blog-card-tag{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}
.blog-card h3{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1.5px;color:#fff;line-height:1.2;}
.blog-card-body{padding:16px 22px 20px;}
.blog-card p{font-size:12px;color:var(--muted);line-height:1.75;font-weight:300;}
.blog-card-footer{padding:0 22px 16px;display:flex;align-items:center;gap:8px;}
.blog-card-footer span{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:1px;}
.read-more{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--accent);letter-spacing:1px;margin-left:auto;}

/* ── CTA STRIP ── */
.cta-strip{position:relative;z-index:5;background:linear-gradient(135deg,rgba(0,212,255,0.06),rgba(0,255,157,0.04));border-top:1px solid rgba(0,212,255,0.15);border-bottom:1px solid rgba(0,212,255,0.15);padding:40px 24px;text-align:center;margin:60px 0 0;}
.cta-strip h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,5vw,44px);letter-spacing:3px;color:#fff;margin-bottom:10px;}
.cta-strip p{font-size:14px;color:var(--muted);margin-bottom:24px;font-weight:300;}
.cta-btn{display:inline-block;background:var(--accent);color:#080c10;font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:3px;padding:12px 40px;border-radius:8px;text-decoration:none;transition:all 0.2s;box-shadow:0 0 30px rgba(0,212,255,0.3);}
.cta-btn:hover{background:var(--accent2);box-shadow:0 0 40px rgba(0,255,157,0.4);}

/* ── RELATED POSTS ── */
.related-posts{position:relative;z-index:5;max-width:780px;margin:0 auto;padding:40px 24px 60px;}
.related-posts h4{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--muted);margin-bottom:20px;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.related-card{background:rgba(13,17,23,0.8);border:1px solid var(--border);border-radius:10px;padding:16px 18px;text-decoration:none;transition:border-color 0.2s;}
.related-card:hover{border-color:rgba(0,212,255,0.3);}
.related-card .rtag{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;}
.related-card h5{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1px;color:#fff;line-height:1.2;}

/* ── FOOTER ── */
footer{position:relative;z-index:5;border-top:1px solid var(--border);padding:28px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:3px;color:var(--accent);text-decoration:none;}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;}
.footer-links a{font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--muted);letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:color 0.2s;}
.footer-links a:hover{color:var(--accent);}
.footer-disclaimer{font-size:10px;color:var(--muted);text-align:center;width:100%;margin-top:10px;font-weight:300;opacity:0.55;line-height:1.7;}

/* ── FORMS ── */
.form-group{margin-bottom:20px;}
.form-group label{display:block;font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.form-group input,.form-group textarea,.form-group select{width:100%;background:rgba(13,17,23,0.9);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--text);font-family:'Outfit',sans-serif;font-size:14px;outline:none;transition:border-color 0.2s;}
.form-group input:focus,.form-group textarea:focus{border-color:rgba(0,212,255,0.4);}
.form-group textarea{resize:vertical;min-height:140px;}
.submit-btn{background:var(--accent);color:#080c10;font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;padding:12px 36px;border-radius:8px;border:none;cursor:pointer;transition:all 0.2s;box-shadow:0 0 20px rgba(0,212,255,0.2);}
.submit-btn:hover{background:var(--accent2);}

/* ── PRIVACY / ABOUT SPECIFIC ── */
.policy-section{background:rgba(13,17,23,0.8);border:1px solid var(--border);border-radius:12px;padding:28px;margin-bottom:20px;}
.policy-section h3{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;color:var(--accent);margin-bottom:12px;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  header{padding:14px 16px;}
  .logo{font-size:20px;}
  .content-wrap{padding:0 16px 60px;}
  .page-hero{padding:40px 16px 30px;}
  footer{padding:20px 16px;justify-content:center;text-align:center;}
}