*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg:#09090f;--bg2:#111119;--bg3:#18181f;--bg4:#202028;--accent:#e8ff00;--red:#ff3d57;--blue:#4d9fff;--green:#3dffa0;--purple:#c084fc;--orange:#fb923c;--text:#ededf5;--muted:#8888a0;--border:hsla(0,0%,100%,.07);--card:#131320}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}a,button{cursor:pointer}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}#reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:9999;transition:width .1s linear;width:0}::selection{background:rgba(232,255,0,.2);color:var(--text)}.tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:4px}.tag-red{background:rgba(255,61,87,.12);color:var(--red);border:1px solid rgba(255,61,87,.25)}.tag-blue{background:rgba(77,159,255,.12);color:var(--blue);border:1px solid rgba(77,159,255,.25)}.tag-green{background:rgba(61,255,160,.08);color:var(--green);border:1px solid rgba(61,255,160,.2)}.tag-yellow{background:rgba(232,255,0,.1);color:var(--accent);border:1px solid rgba(232,255,0,.2)}.tag-purple{background:rgba(192,132,252,.12);color:var(--purple);border:1px solid rgba(192,132,252,.25)}.tag-orange{background:rgba(251,146,60,.12);color:var(--orange);border:1px solid rgba(251,146,60,.25)}.ai-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(232,255,0,.08);border:1px solid rgba(232,255,0,.2);color:var(--accent);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.5px}.btn-primary{background:var(--accent);color:#000;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;padding:10px 20px;border-radius:8px;border:none;transition:all .2s}.btn-primary:hover{background:#d4e800;transform:translateY(-1px)}.btn-ghost{background:none;color:var(--muted);font-family:DM Sans,sans-serif;font-size:13px;padding:8px 16px;border-radius:8px;border:none;transition:all .2s}.btn-ghost:hover{border-color:rgba(232,255,0,.4);color:var(--accent)}.article-card{background:var(--card);border-radius:10px;overflow:hidden;border:1px solid var(--border);transition:all .25s;cursor:pointer;display:block;text-decoration:none;color:var(--text)}.article-card:hover{border-color:rgba(232,255,0,.22);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.4)}.article-card .thumb{height:150px;display:flex;align-items:center;justify-content:center;font-size:44px}.article-card .card-body{padding:14px}.article-card .card-title{font-size:14px;font-weight:600;line-height:1.35;margin-bottom:8px;margin-top:6px}.article-card .card-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:1fr}}.newsletter-section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:40px;text-align:center}.newsletter-section h2{font-family:Bebas Neue,cursive;font-size:32px;letter-spacing:2px;margin-bottom:8px}.newsletter-section p{color:var(--muted);font-size:15px;margin-bottom:20px}.newsletter-input-row{display:flex;gap:10px;max-width:440px;margin:0 auto}.newsletter-input{flex:1 1;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;padding:12px 16px;border-radius:10px;outline:none;transition:border .2s}.newsletter-input:focus{border-color:rgba(232,255,0,.4)}