:root{--bg:#030408;--surface:#0a0d16;--surface-hover:#121828;--surface-card:#0e121ed1;--border:#9b51e038;--purple:#9b51e0;--purple-rgb:155, 81, 224;--cyan:#00d0ff;--cyan-rgb:0, 208, 255;--pink:#f472b6;--green:#10b981;--muted:#8e94a0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:#f4efe5;font-family:var(--font-main);cursor:none;min-height:100vh;padding-left:68px;overflow-x:hidden}button,a{cursor:none}.cursor-dot,.cursor-ring{pointer-events:none;z-index:1000000;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--purple);width:7px;height:7px;box-shadow:0 0 14px var(--purple);border-radius:999px}.cursor-ring{border:1px solid #9b51e073;border-radius:999px;width:44px;height:44px;transition:width .25s,height .25s,border-color .25s,background .25s}.cursor-ring.active{border-color:var(--purple);background:#9b51e014;width:76px;height:76px;box-shadow:0 0 25px #9b51e040}#canvas-wrap{z-index:0;pointer-events:none;position:fixed;inset:0}#bg-canvas{width:100%;height:100%;display:block}.shell{z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,48px);position:relative}.site-header{z-index:500;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;height:80px;padding:0 clamp(24px,4vw,56px);display:flex;position:fixed;top:0;left:68px;right:0}.site-header *{pointer-events:auto}.back-home-btn{color:var(--cyan);font-family:var(--font-mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e121ed9;border:1px solid #9b51e059;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 15px #9b51e026}.back-home-btn:hover{background:var(--cyan);color:#030408;transform:translate(-3px);box-shadow:0 0 25px #00d0ff99}.hero-logo-centered{pointer-events:none;z-index:220;opacity:.98;justify-content:center;align-items:center;width:min(580px,70vw);max-width:620px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.hero-logo-centered img{width:100%;height:auto;display:block}.articles-hero{z-index:2;padding:130px 0 40px;position:relative}.hero-badge-pill{color:#d8b4fe;font-family:var(--font-mono);letter-spacing:.06em;background:#9b51e01f;border:1px solid #9b51e066;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 0 15px #9b51e040}.articles-hero-title{letter-spacing:-.03em;background:linear-gradient(135deg, #fff 20%, #d8b4fe 60%, var(--cyan) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:900;line-height:1.08}.articles-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e121eb3;border:1px solid #ffffff1a;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding:16px 24px;display:flex}.search-box{flex:1;min-width:280px;position:relative}.search-box i{color:var(--muted);font-size:1.1rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{color:#fff;width:100%;font-family:var(--font-main);background:#060a12cc;border:1px solid #9b51e04d;border-radius:999px;outline:none;padding:10px 16px 10px 44px;font-size:.9rem;transition:all .3s}.search-input:focus{border-color:var(--cyan);box-shadow:0 0 20px #00d0ff4d}.filter-chips-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-chip-btn{color:#f4efe5bf;font-family:var(--font-mono);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:8px 16px;font-size:.8rem;transition:all .25s}.filter-chip-btn:hover,.filter-chip-btn.active{border-color:var(--purple);color:#d8b4fe;background:#9b51e033;box-shadow:0 0 15px #9b51e04d}.article-count-badge{font-family:var(--font-mono);color:var(--cyan);align-items:center;gap:8px;margin-bottom:24px;font-size:.82rem;display:flex}.featured-articles-grid{grid-template-columns:1.5fr 1fr;gap:28px;margin-bottom:50px;display:grid}.featured-main-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:linear-gradient(135deg,#9b51e01f,#00d0ff14,#0a0e18f2);border:1px solid #9b51e059;border-radius:28px;flex-direction:column;justify-content:flex-end;min-height:480px;transition:transform .35s,border-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000b3}.featured-main-card:hover{border-color:var(--cyan);transform:translateY(-5px);box-shadow:0 25px 70px #00d0ff33}.featured-img-wrap{z-index:0;position:absolute;inset:0}.featured-img-wrap img{object-fit:cover;opacity:.45;width:100%;height:100%;transition:transform .6s,opacity .6s}.featured-main-card:hover .featured-img-wrap img{opacity:.6;transform:scale(1.06)}.featured-overlay-content{z-index:2;background:linear-gradient(#0000 0%,#03040899 30%,#030408fa 80%);padding:38px;position:relative}.tag-pill{color:var(--cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:#00d0ff26;border:1px solid #00d0ff66;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.featured-title{color:#fff;margin-bottom:12px;font-size:clamp(1.4rem,2.5vw,2.1rem);font-weight:800;line-height:1.25}.featured-excerpt{color:#f4efe5d9;margin-bottom:20px;font-size:.95rem;line-height:1.65}.meta-row{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:18px;font-size:.8rem;display:flex}.meta-row i{color:var(--cyan)}.featured-stack{flex-direction:column;gap:24px;display:flex}.stack-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#0e121ed1;border:1px solid #ffffff1a;border-radius:24px;gap:18px;padding:22px;transition:all .3s;display:flex}.stack-card:hover{border-color:var(--purple);transform:translate(4px);box-shadow:0 12px 35px #9b51e02e}.stack-img{object-fit:cover;border-radius:16px;flex-shrink:0;width:110px;height:110px}.stack-content{flex-direction:column;justify-content:space-between;display:flex}.stack-title{color:#fff;font-size:1.05rem;font-weight:700;line-height:1.35}.articles-bento-grid{grid-template-columns:repeat(3,1fr);gap:26px;padding-bottom:60px;display:grid}.article-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#0a0e18d9;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;transition:all .35s;display:flex;overflow:hidden}.article-card:hover{border-color:#00d0ff66;transform:translateY(-5px);box-shadow:0 18px 50px #000000b3,0 0 30px #00d0ff1f}.article-thumb-wrap{background:#9b51e01a;height:200px;position:relative;overflow:hidden}.article-thumb-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-thumb-wrap img{transform:scale(1.08)}.article-card-body{flex-direction:column;flex:1;justify-content:space-between;padding:24px;display:flex}.article-card-title{color:#fff;margin-bottom:12px;font-size:1.15rem;font-weight:800;line-height:1.35}.article-card-excerpt{color:#f4efe5c7;display:-webkit-box;display:box;-webkit-line-clamp:3;line-clamp:3;box-orient:vertical;-webkit-box-orient:vertical;margin-bottom:18px;font-size:.88rem;line-height:1.6;overflow:hidden}.read-more-btn{color:var(--cyan);font-family:var(--font-mono);align-items:center;gap:6px;font-size:.8rem;font-weight:700;transition:gap .2s;display:inline-flex}.article-card:hover .read-more-btn{color:var(--pink);gap:10px}.pagination-container{justify-content:center;align-items:center;gap:10px;margin:20px 0 80px;display:flex}.page-btn{color:#f4efe5cc;width:42px;height:42px;font-family:var(--font-mono);cursor:pointer;background:#0e121ecc;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .25s;display:flex}.page-btn:hover,.page-btn.active{border-color:var(--purple);color:#d8b4fe;background:#9b51e040;box-shadow:0 0 15px #9b51e04d}.reader-modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#030408d9;justify-content:center;align-items:center;padding:30px;transition:opacity .35s;display:flex;position:fixed;inset:0}.reader-modal-backdrop.active{opacity:1;pointer-events:auto}.reader-modal-box{background:#0a0e18f2;border:1px solid #00d0ff59;border-radius:28px;width:100%;max-width:820px;max-height:85vh;padding:42px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #000c,0 0 40px #00d0ff26}.modal-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{background:var(--pink);color:#030408}.modal-img-banner{object-fit:cover;border-radius:20px;width:100%;height:320px;margin-bottom:24px}.modal-article-title{color:#fff;margin-bottom:16px;font-size:1.8rem;font-weight:900;line-height:1.3}.modal-article-body{color:#f4efe5e6;font-size:1.02rem;line-height:1.8}@media (max-width:1024px){.featured-articles-grid{grid-template-columns:1fr}.articles-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){body{padding-left:0}.site-header{left:0}.articles-hero{padding-top:100px}.articles-bento-grid{grid-template-columns:1fr}.reader-modal-box{padding:24px}}