@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap");:root{--red:#c0292a;--red-dim:#8b1c1c;--red-glow:rgba(192,41,42,.2);--red-subtle:rgba(192,41,42,.07);--zinc-950:#0c0c0d;--zinc-900:#111113;--zinc-800:#1c1c1f;--zinc-700:#2a2a2e;--zinc-600:#3a3a3f;--zinc-500:#4d4d54;--zinc-400:#8a8a96;--zinc-300:#b4b4c0;--zinc-100:#e8e8ec}.home-root{position:relative;min-height:100vh;width:100%;background-color:var(--zinc-950);color:var(--zinc-100);font-family:DM Sans,sans-serif;overflow-x:hidden;margin-top:-48px}.home-root:before{content:"";background:linear-gradient(180deg,hsla(0,0%,4%,0),hsla(0,0%,4%,.3));z-index:1}.home-background-canvas,.home-root:before{position:fixed;inset:0;pointer-events:none}.home-background-canvas{z-index:0}.page-inner{position:relative;z-index:1;padding-left:288px;padding-top:64px}@media (max-width:1024px){.page-inner{padding-left:0}}.main-content{max-width:1100px;margin:0 auto;padding:48px 32px 80px}.hero{position:relative;margin-bottom:32px;padding:48px 40px;border-radius:16px;overflow:hidden;background:var(--zinc-900);border:1px solid var(--zinc-800)}.hero:before{inset:0;background:radial-gradient(ellipse 55% 70% at -5% 50%,rgba(192,41,42,.18) 0,transparent 65%),radial-gradient(ellipse 40% 50% at 105% 20%,rgba(139,28,28,.1) 0,transparent 60%);pointer-events:none}.hero:after,.hero:before{content:"";position:absolute}.hero:after{left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--red) 40%,var(--red-dim) 60%,transparent);border-radius:99px}.hero-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.hero-text .hero-eyebrow{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:8px}.hero-text h1{font-family:Bebas Neue,sans-serif;font-size:clamp(38px,5vw,58px);letter-spacing:.03em;line-height:1;margin:0 0 10px}.hero-text p{font-size:14px;color:var(--zinc-400);font-weight:300;letter-spacing:.02em;margin:0}.streak-badge{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;background:linear-gradient(135deg,rgba(192,41,42,.15),rgba(139,28,28,.08));border:1px solid rgba(192,41,42,.3)}.streak-badge .flame{font-size:32px;line-height:1}.streak-badge .streak-num{font-family:Bebas Neue,sans-serif;font-size:40px;color:var(--red);line-height:1}.streak-badge .streak-lbl{font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--zinc-400);margin-top:2px}.cta-block{margin-top:24px;display:flex;flex-direction:column;gap:10px}.cta-primary{position:relative;display:flex;align-items:center;gap:16px;padding:18px 24px;border-radius:10px;background:var(--red);text-decoration:none;overflow:hidden;transition:background .15s,box-shadow .2s;border:1px solid hsla(0,0%,100%,.06)}.cta-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,hsla(0,0%,100%,.06),transparent 50%)}.cta-primary:hover{background:#aa2323;box-shadow:0 8px 32px rgba(192,41,42,.35)}.cta-icon{position:relative;width:44px;height:44px;border-radius:8px;background:hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cta-text{position:relative;flex:1}.cta-text .cta-title{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.08em;color:#fff;line-height:1;margin-bottom:3px}.cta-text .cta-sub{font-size:12px;color:hsla(0,0%,100%,.75);font-weight:300}.cta-arrow{position:relative;color:hsla(0,0%,100%,.7);transition:transform .15s}.cta-primary:hover .cta-arrow{transform:translateX(3px)}.cta-secondary{display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:10px;background:transparent;border:1px solid var(--zinc-700);text-decoration:none;transition:border-color .15s,background .15s}.cta-secondary:hover{border-color:var(--zinc-600)}.cta-secondary .cta-icon,.cta-secondary:hover{background:var(--zinc-800)}.cta-secondary .cta-title{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:.06em;color:var(--zinc-100);line-height:1;margin-bottom:2px}.cta-secondary .cta-sub{font-size:12px;color:var(--zinc-400);font-weight:300}.cta-secondary .cta-arrow{color:var(--zinc-500)}.cta-secondary:hover .cta-arrow{transform:translateX(3px)}.pillars-section{margin-bottom:48px}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--zinc-700);border-radius:14px;overflow:hidden;border:1px solid var(--zinc-700)}@media (max-width:1100px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pillars-grid{grid-template-columns:1fr}}.pillar-card{position:relative;display:flex;flex-direction:column;text-decoration:none;padding:24px 22px 22px;background:var(--zinc-900);overflow:hidden;transition:background .2s}.pillar-card:hover{background:#161618}.pillar-bg-glow{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none}.pillar-paths .pillar-bg-glow{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(192,41,42,.12) 0,transparent 70%)}.pillar-tonify .pillar-bg-glow{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(59,130,246,.1) 0,transparent 70%)}.pillar-tabs .pillar-bg-glow{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(192,41,42,.12) 0,transparent 70%)}.pillar-community .pillar-bg-glow{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(16,185,129,.08) 0,transparent 70%)}.pillar-card:hover .pillar-bg-glow{opacity:1}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;opacity:0;transition:opacity .2s;z-index:2}.pillar-paths:before,.pillar-tabs:before{background:linear-gradient(90deg,transparent,rgba(192,41,42,.5),transparent)}.pillar-tonify:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),transparent)}.pillar-community:before{background:linear-gradient(90deg,transparent,rgba(16,185,129,.35),transparent)}.pillar-card:hover:before{opacity:1}.pillar-icon-wrap{position:relative;z-index:1;width:40px;height:40px;border-radius:9px;background:var(--zinc-800);border:1px solid var(--zinc-700);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--zinc-400);transition:all .2s}.pillar-paths:hover .pillar-icon-wrap,.pillar-tabs:hover .pillar-icon-wrap{color:var(--red);border-color:rgba(192,41,42,.3);background:rgba(192,41,42,.08)}.pillar-tonify:hover .pillar-icon-wrap{color:#60a5fa;border-color:rgba(59,130,246,.3);background:rgba(59,130,246,.08)}.pillar-community:hover .pillar-icon-wrap{color:#34d399;border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.08)}.pillar-label{position:relative;z-index:1;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--zinc-500);margin-bottom:5px;transition:color .2s}.pillar-paths:hover .pillar-label,.pillar-tabs:hover .pillar-label{color:rgba(192,41,42,.7)}.pillar-tonify:hover .pillar-label{color:rgba(96,165,250,.7)}.pillar-community:hover .pillar-label{color:rgba(52,211,153,.7)}.pillar-name{position:relative;z-index:1;font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.04em;color:var(--zinc-100);line-height:1.1;margin-bottom:10px;transition:color .2s}.pillar-card:hover .pillar-name{color:#fff}.pillar-desc{position:relative;z-index:1;font-size:12px;color:var(--zinc-500);font-weight:300;line-height:1.6;flex:1;transition:color .2s}.pillar-card:hover .pillar-desc{color:var(--zinc-400)}.pillar-cta{position:relative;z-index:1;display:flex;align-items:center;gap:5px;margin-top:18px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--zinc-600);transition:all .2s}.pillar-paths:hover .pillar-cta,.pillar-tabs:hover .pillar-cta{color:var(--red)}.pillar-tonify:hover .pillar-cta{color:#60a5fa}.pillar-community:hover .pillar-cta{color:#34d399}.pillar-cta svg{transition:transform .15s}.pillar-card:hover .pillar-cta svg{transform:translateX(3px)}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:2px}.section-title{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.08em;color:var(--zinc-100);white-space:nowrap;font-weight:400;text-transform:uppercase}.section-rule{flex:1;height:1px;background:var(--zinc-800)}.section-link{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--zinc-500);text-decoration:none;white-space:nowrap;transition:color .15s}.section-link:hover{color:var(--zinc-300)}.type-chip{font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-radius:4px;color:var(--zinc-400);background:hsla(0,0%,100%,.04)}.pop-chip,.type-chip{font-size:8px;padding:4px 9px;border:1px solid var(--zinc-700);flex-shrink:0;transition:all .2s}.pop-chip{display:flex;align-items:center;gap:5px;font-weight:600;letter-spacing:.06em;color:var(--zinc-500);background:hsla(0,0%,100%,.03);border-radius:4px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:0;background:var(--zinc-700);border-radius:14px;overflow:hidden;border:1px solid var(--zinc-700)}@media (max-width:1200px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.featured-grid{grid-template-columns:1fr}}.feat-card{position:relative;display:flex;flex-direction:column;text-decoration:none;padding:22px 22px 20px;background:var(--zinc-900);overflow:hidden;transition:background .2s}.feat-card:after{inset:0;background:radial-gradient(ellipse 80% 55% at 50% 0,rgba(192,41,42,.11) 0,transparent 70%);transition:opacity .3s;pointer-events:none;z-index:0}.feat-card:after,.feat-card:before{content:"";position:absolute;opacity:0}.feat-card:before{top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(192,41,42,.55) 40%,rgba(192,41,42,.55) 60%,transparent);transition:opacity .2s;z-index:2}.feat-card:hover{background:#161618}.feat-card:hover:after,.feat-card:hover:before{opacity:1}.feat-card:hover .type-chip{color:var(--zinc-300);border-color:var(--zinc-600);background:hsla(0,0%,100%,.06)}.feat-card:hover .pop-chip{color:var(--zinc-400);border-color:var(--zinc-600)}.feat-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:16px}.feat-icon{width:36px;height:36px;border-radius:8px;background:var(--zinc-800);border:1px solid var(--zinc-700);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--zinc-500);transition:all .2s}.feat-card:hover .feat-icon{color:var(--red);border-color:rgba(192,41,42,.3);background:rgba(192,41,42,.08)}.feat-badge-col{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.feat-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.feat-label{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--zinc-600);margin-bottom:5px;transition:color .2s}.feat-card:hover .feat-label{color:rgba(192,41,42,.65)}.feat-title{font-family:Bebas Neue,sans-serif;font-size:20px;font-weight:400;letter-spacing:.04em;line-height:1.15;color:var(--zinc-100);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;transition:color .2s}.feat-card:hover .feat-title{color:#fff}.feat-artist{font-size:11px;color:var(--zinc-500);font-weight:400;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:14px;transition:color .2s}.feat-card:hover .feat-artist{color:var(--zinc-400)}.feat-cta{position:relative;z-index:1;display:flex;align-items:center;gap:5px;margin-top:auto;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--zinc-600);transition:color .2s}.feat-card:hover .feat-cta{color:var(--red)}.feat-cta svg{transition:transform .15s}.feat-card:hover .feat-cta svg{transform:translateX(3px)}.genre-chip{display:inline-block;font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:4px;color:var(--zinc-600);background:hsla(0,0%,100%,.03);border:1px solid var(--zinc-700);flex-shrink:0;transition:all .2s}.feat-card:hover .genre-chip{color:var(--zinc-500);border-color:var(--zinc-600)}.fresh-list{flex-direction:column;gap:1px;background:var(--zinc-700);border-radius:12px;border:1px solid var(--zinc-700)}.fresh-list,.fresh-row{display:flex;overflow:hidden}.fresh-row{align-items:center;gap:14px;padding:14px 18px;background:var(--zinc-900);text-decoration:none;transition:background .2s;position:relative}.fresh-row:before{left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--red) 30%,var(--red) 70%,transparent);transition:opacity .2s;z-index:2}.fresh-row:after,.fresh-row:before{content:"";position:absolute;opacity:0}.fresh-row:after{inset:0;background:radial-gradient(ellipse 60% 100% at 0 50%,rgba(192,41,42,.07) 0,transparent 70%);transition:opacity .3s;pointer-events:none}.fresh-row:hover{background:#161618}.fresh-row:hover:before{opacity:.7}.fresh-row:hover:after{opacity:1}.fresh-row:hover .type-chip{color:var(--zinc-300);border-color:var(--zinc-600);background:hsla(0,0%,100%,.06)}.fresh-row:hover .pop-chip{color:var(--zinc-400);border-color:var(--zinc-600)}.fresh-icon{position:relative;z-index:1;width:36px;height:36px;border-radius:8px;background:var(--zinc-800);border:1px solid var(--zinc-700);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,border-color .2s}.fresh-row:hover .fresh-icon{background:rgba(192,41,42,.08);border-color:rgba(192,41,42,.25)}.fresh-info{position:relative;z-index:1;flex:1;min-width:0}.fresh-label{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--zinc-600);margin-bottom:3px;transition:color .2s}.fresh-row:hover .fresh-label{color:rgba(192,41,42,.6)}.fresh-title{font-size:13px;font-weight:500;color:var(--zinc-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;transition:color .2s;line-height:1.3}.fresh-row:hover .fresh-title{color:#fff}.fresh-artist{font-size:11px;color:var(--zinc-600);font-weight:300;margin-top:2px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fresh-meta{position:relative;z-index:1;display:flex;align-items:center;gap:6px;flex-shrink:0}.fresh-meta .pop-chip,.fresh-meta .type-chip{padding:3px 7px;font-size:7.5px}.two-col{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}@media (max-width:1200px){.two-col{grid-template-columns:1fr 270px;gap:20px}}@media (max-width:900px){.two-col{grid-template-columns:1fr}}.sidebar{display:flex;flex-direction:column;gap:12px}.side-card{padding:18px 20px;border-radius:10px;background:var(--zinc-900);border:1px solid var(--zinc-800)}.side-title{font-family:Bebas Neue,sans-serif;font-size:13px;letter-spacing:.14em;color:var(--zinc-400);margin-bottom:12px;font-weight:400;text-transform:uppercase}.artist-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;text-decoration:none;transition:background .15s;margin-bottom:2px}.artist-row:hover{background:var(--zinc-800)}.artist-rank{width:22px;font-family:Bebas Neue,sans-serif;font-size:13px;color:var(--zinc-600);flex-shrink:0;font-weight:400;transition:color .15s;text-align:center}.artist-row:hover .artist-rank{color:var(--zinc-400)}.artist-name{font-size:13px;font-weight:400;color:var(--zinc-300);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.artist-row:hover .artist-name{color:var(--zinc-100)}.artist-tabs{font-size:10px;color:var(--zinc-600);flex-shrink:0;font-weight:400}.spotlight{padding:22px 20px 20px;border-radius:10px;background:var(--zinc-900);border:1px solid rgba(192,41,42,.25);position:relative;overflow:hidden}.spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at -15% 60%,rgba(192,41,42,.22) 0,transparent 65%),radial-gradient(ellipse 60% 50% at 110% 10%,rgba(139,28,28,.12) 0,transparent 60%);pointer-events:none}.spotlight:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--red) 35%,var(--red-dim) 65%,transparent)}.spotlight-label{position:relative;z-index:1;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:12px;opacity:.9}.spotlight-title{position:relative;z-index:1;font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.04em;color:#fff;margin-bottom:4px;font-weight:400;line-height:1.15}.spotlight-meta{position:relative;z-index:1;font-size:11px;color:var(--zinc-400);font-weight:300;margin-bottom:18px}.spotlight-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:7px;background:var(--red);color:#fff;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background .15s,box-shadow .2s}.spotlight-btn:hover{background:#aa2323;box-shadow:0 4px 20px rgba(192,41,42,.4)}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--zinc-800)}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-row:first-child{padding-top:0}.stat-label{font-size:11px;color:var(--zinc-500);font-weight:400;letter-spacing:.03em}.stat-label.accent{color:var(--red);opacity:.8}.stat-val{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.05em;color:var(--zinc-200);font-weight:400}.stat-val.accent{color:var(--red)}.mb-48{margin-bottom:48px}