@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600&display=swap');
:root{--bg:#070609;--panel:#0e0c12;--panel2:#15111c;--text:#f4f1f6;--muted:#9e99a6;--purple:#8d57d8;--purple2:#c5a4f1;--line:#27222e;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:9vw;z-index:-2;opacity:.16;background:linear-gradient(90deg,transparent,#3b3344,transparent);filter:blur(10px)}body:before{left:0}body:after{right:0}.stone{position:fixed;top:0;bottom:0;width:7vw;z-index:-1;opacity:.11;background:linear-gradient(90deg,#0a090c,#28222c 50%,#0a090c);filter:blur(2px)}.stone.left{left:0}.stone.right{right:0}
.nav{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:center;z-index:50;background:linear-gradient(180deg,rgba(5,4,7,.86),transparent);backdrop-filter:blur(10px)}.nav a{color:#d9d5de;text-decoration:none;font-size:13px;font-weight:700;margin:0 17px;letter-spacing:.03em;transition:.22s}.nav a:hover,.nav a.active{color:#fff;text-shadow:0 0 18px rgba(173,118,235,.42)}.nav .logo-mark{position:absolute;left:27px;margin:0;width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(160,94,226,.2));opacity:.95}.nav .menu{display:none;position:absolute;right:22px;border:0;background:none;color:#eee;font-size:24px}
.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:-4%;background:url('https://media.discordapp.net/attachments/1536155532224757810/1542311830284668948/ezgif-346d8cebfac83ed7.gif?ex=6a90c553&is=6a8f73d3&hm=70ad071a3218950befd1bc341647b89d44d4086374a7e0ab7dd1e3730f5d9a3f&=') center/cover no-repeat;filter:blur(6px) brightness(.46);transform:scale(1.06)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(111,57,164,.2),transparent 46%),linear-gradient(180deg,rgba(0,0,0,.32),rgba(4,3,6,.84))}.hero-content{position:relative;z-index:2;text-align:center;margin-top:-10px}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(58px,9vw,126px);font-weight:500;letter-spacing:-.045em;margin:0 0 12px}.hero p{margin:0 auto 28px;color:#c6c1ca;font-size:15px;letter-spacing:.08em}.socials{display:flex;justify-content:center;gap:12px;margin-bottom:22px}.socials a,.explore{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);background:rgba(10,8,13,.52);backdrop-filter:blur(8px);color:#eee;text-decoration:none;border-radius:999px;transition:.25s}.socials a{width:45px;height:45px}.socials a:hover{box-shadow:0 0 28px rgba(142,83,215,.5);transform:translateY(-2px) scale(1.04)}.explore{padding:11px 22px;font-size:13px;font-weight:700}.explore:hover{box-shadow:0 0 28px rgba(142,83,215,.26);background:rgba(25,18,35,.7)}
.icon{width:18px;height:18px;fill:currentColor}.section{max-width:1120px;margin:0 auto;padding:112px 32px}.section-label{color:var(--purple2);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}.section h2{font-family:'Playfair Display',serif;font-size:44px;font-weight:500;margin:0 0 28px}.section-intro{color:var(--muted);max-width:650px;line-height:1.7;margin-top:-12px;margin-bottom:32px}.video{aspect-ratio:16/9;background:#0e0c12;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.35)}.video iframe{width:100%;height:100%;border:0}.fake{width:100%;height:100%;background:radial-gradient(circle at center,rgba(137,78,204,.22),transparent 40%),linear-gradient(135deg,#111015,#070609);display:flex;align-items:center;justify-content:center;color:#aaa;font-size:14px}.announce{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.post{background:linear-gradient(145deg,rgba(22,19,28,.95),rgba(10,9,13,.96));border:1px solid var(--line);border-radius:14px;padding:24px;min-height:180px;transition:.25s}.post:hover{transform:translateY(-3px);box-shadow:0 18px 55px rgba(117,67,175,.16)}.post h3{margin:7px 0 8px;font-size:22px}.post p{color:var(--muted);line-height:1.6;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:30px 20px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:34px;letter-spacing:-.03em}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:7px;text-transform:uppercase;letter-spacing:.12em}.bottom{text-align:center;padding:55px 32px 100px;color:#77727d}.bottom a{color:#c9b4e6;text-decoration:none}.page{min-height:100vh;padding-top:120px}.page .section{padding-top:35px}.page-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.page-header h1{font-family:'Playfair Display',serif;font-size:clamp(48px,7vw,82px);font-weight:500;margin:0}.page-header p{color:var(--muted);max-width:520px;line-height:1.7;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.artist-card{overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#14101a,#09080c);border-radius:16px;transition:.3s}.artist-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(170,111,232,.18),0 25px 70px rgba(102,48,154,.2)}.artist-img{aspect-ratio:4/5;background:linear-gradient(135deg,#20172a,#0b090e);position:relative;overflow:hidden}.artist-img:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 70%,rgba(142,83,215,.3),transparent 55%);opacity:0;transition:.3s}.artist-card:hover .artist-img:after{opacity:1}.artist-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#7f7888;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.artist-body{padding:18px}.artist-body h3{margin:0 0 5px;font-size:20px}.artist-body p{margin:0;color:var(--muted);font-size:13px}.feature-tag{display:inline-block;margin-bottom:12px;color:var(--purple2);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.leaderboard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0b090e}.rank-row{display:grid;grid-template-columns:90px 1fr 190px 140px;align-items:center;min-height:76px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.05);transition:.22s;cursor:pointer}.rank-row:last-child{border-bottom:0}.rank-row:hover{background:rgba(141,87,216,.08)}.rank{font-size:18px;font-weight:800}.rank-row.top1{background:linear-gradient(100deg,rgba(232,218,248,.96),rgba(171,128,222,.84) 55%,rgba(87,51,119,.82));color:#1a1123;box-shadow:inset 0 0 45px rgba(255,255,255,.12)}.rank-row.top2{background:linear-gradient(100deg,rgba(180,158,205,.45),rgba(76,57,91,.32))}.rank-row.top3{background:linear-gradient(100deg,rgba(131,108,149,.32),rgba(48,38,56,.25))}.rank-row.top5{background:rgba(40,31,48,.55)}.rank-name{font-weight:800}.rank-meta{color:var(--muted);font-size:13px}.top1 .rank-meta{color:#4a3b53}.profile-drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,92vw);background:rgba(10,8,13,.96);backdrop-filter:blur(20px);border-left:1px solid var(--line);z-index:100;transform:translateX(105%);transition:.3s;padding:28px;overflow:auto}.profile-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;right:20px;top:20px;border:1px solid var(--line);background:#131017;color:#ddd;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer}.profile-hero{padding-top:45px}.profile-image{width:100%;aspect-ratio:16/9;border-radius:14px;background:linear-gradient(135deg,#251733,#0c0910);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#84798f}.profile-hero h2{font-family:'Playfair Display',serif;font-size:40px;margin:20px 0 5px}.profile-role{color:var(--purple2);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.profile-desc{color:var(--muted);line-height:1.65}.record,.connections,.featured-record{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.record-box{background:#100d14;border:1px solid var(--line);border-radius:12px;padding:16px}.record-box strong{display:block;font-size:25px}.record-box span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.links a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:#ddd;text-decoration:none;font-size:12px}.playlist{display:grid;grid-template-columns:1fr 1fr;gap:18px}.playlist-card{border:1px solid var(--line);border-radius:16px;padding:26px;background:linear-gradient(145deg,#15111c,#0a090d);min-height:230px}.playlist-card h3{margin:0 0 8px}.playlist-card p{color:var(--muted);line-height:1.6}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.about-card{border:1px solid var(--line);border-radius:16px;padding:28px;background:linear-gradient(145deg,#15111c,#0a090d)}.about-card h3{margin-top:0}.about-card p{color:var(--muted);line-height:1.75}.connect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.connect-card{border:1px solid var(--line);border-radius:16px;padding:26px;background:linear-gradient(145deg,#15111c,#0a090d)}.connect-card h3{margin:0 0 15px}.connect-link{display:flex;align-items:center;gap:12px;color:#e5e1e8;text-decoration:none;padding:12px 0;border-top:1px solid rgba(255,255,255,.05)}.connect-link:first-of-type{border-top:0}.connect-link svg{width:18px;height:18px;color:var(--purple2)}
@media(max-width:800px){.nav a{display:none}.nav .menu{display:block}.nav .logo-mark{left:20px}.cards{grid-template-columns:1fr}.announce,.playlist,.about-grid,.connect-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.rank-row{grid-template-columns:55px 1fr 90px 75px;padding:0 14px;font-size:12px}.rank-meta{font-size:11px}.section{padding:90px 20px}.page-header{display:block}.page-header p{margin-top:15px}.hero h1{font-size:18vw}}