:root{--ink:#100416;--pink:#ff4e90;--pink-light:#ffb6d7;--muted:#d7a9c9;--line:rgba(255,183,221,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff2fa;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1150px,calc(100% - 48px));margin:auto}.hero{min-height:790px;position:relative;background:linear-gradient(90deg,rgba(15,2,22,.96),rgba(22,3,31,.73) 43%,rgba(21,1,29,.26)),url('../bg.png') center 35%/cover;isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:260px;background:linear-gradient(transparent,#100416);z-index:-1}.nav{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand img{display:block;width:122px;max-height:80px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:28px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#f5cde4}.nav-links>a:not(.account-link){padding:39px 0;position:relative}.nav-links>a:not(.account-link):after{content:"";position:absolute;bottom:31px;left:0;width:0;height:1px;background:var(--pink);transition:width .2s}.nav-links>a:hover:after,.nav-links>a.active:after{width:100%}.account-link{border:1px solid rgba(255,112,175,.65);padding:13px 17px;color:#fff}.menu-toggle{display:none}.hero-content{min-height:548px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:68px 0 42px}.hero-copy{max-width:670px}.eyebrow{margin:0 0 15px;color:var(--pink-light);font-size:.68rem;text-transform:uppercase;letter-spacing:.22em;font-weight:800}.hero h1,.section h2,.ranking h2{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(2.65rem,5.1vw,5rem);line-height:1.08;margin:0;text-shadow:0 6px 30px #000}h1 em,h2 em{color:var(--pink);font-style:normal}.hero-description{max-width:515px;color:#f0cce2;line-height:1.75;margin:24px 0 31px}.hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.button{min-height:49px;padding:0 21px;display:inline-flex;gap:12px;align-items:center;justify-content:center;font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;transition:.2s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,#ff629b,#be1dd2);box-shadow:0 15px 32px rgba(225,21,148,.32)}.button-ghost{border:1px solid rgba(255,218,239,.52);background:rgba(30,4,39,.25)}.launch-card{width:228px;align-self:flex-end;margin-bottom:8px;padding:25px;border:1px solid rgba(255,168,216,.29);background:rgba(35,3,44,.62);backdrop-filter:blur(7px)}.launch-mark{color:var(--pink);font-size:1.35rem}.launch-card p{color:var(--pink-light);font-size:.63rem;text-transform:uppercase;letter-spacing:.15em;margin:15px 0 7px}.launch-card strong{display:block;font-family:Cinzel,serif;font-size:.96rem;line-height:1.45}.launch-card a{display:block;border-top:1px solid var(--line);margin-top:18px;padding-top:15px;color:#fff;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.launch-card a span{color:var(--pink);float:right}.hero-bottom{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);position:relative;z-index:1}.hero-bottom a{padding:22px 15px;color:#ebc3dc;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;border-right:1px solid var(--line)}.hero-bottom a:first-child{padding-left:0}.hero-bottom a:last-child{border:0}.hero-bottom span{color:var(--pink);font-family:Cinzel,serif;margin-right:10px}.section{padding:112px 0}.classes{background:radial-gradient(circle at 90% 18%,rgba(148,22,157,.2),transparent 28%),linear-gradient(145deg,#15031e,#22062d)}.section-intro{max-width:600px;margin-bottom:47px}.section-intro h2{font-size:clamp(2.2rem,4vw,3.7rem)}.section-intro>p:last-child,.ranking-copy>p:not(.eyebrow),.download-box>p:not(.eyebrow){color:var(--muted);line-height:1.75;max-width:520px;margin:19px 0 0}.centered{text-align:center;margin-left:auto;margin-right:auto}.class-explorer{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);background:#14021d;box-shadow:0 20px 60px rgba(0,0,0,.22)}.class-list{padding:12px;background:rgba(5,0,10,.45)}.class-button{display:flex;align-items:center;width:100%;gap:13px;border:0;border-left:2px solid transparent;background:transparent;color:#e9bed9;padding:11px 8px;text-align:left;font:700 .7rem Cinzel,serif;letter-spacing:.08em;cursor:pointer}.class-button img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(253,62,162,.5))}.class-button:hover,.class-button.active{color:#fff;background:linear-gradient(90deg,rgba(244,43,149,.28),transparent);border-left-color:var(--pink)}.class-profile{min-height:475px;position:relative;display:grid;grid-template-columns:1fr minmax(240px,.75fr);align-items:center;gap:30px;padding:55px;overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(166,27,197,.36),transparent 27%),linear-gradient(120deg,#22052d,#120119)}.profile-role{color:var(--pink-light);text-transform:uppercase;letter-spacing:.19em;font-size:.68rem;font-weight:800}.profile-name{font:800 clamp(2.2rem,5vw,4rem)/1 Cinzel,serif;margin:13px 0}.profile-text{color:#e9c9df;line-height:1.75;max-width:430px}.profile-meta{display:flex;gap:28px;margin-top:27px;font-size:.7rem;color:#c896b9}.profile-meta b{display:block;color:var(--pink);font-size:.61rem;text-transform:uppercase;letter-spacing:.11em;margin-bottom:5px}.profile-art{width:100%;height:320px;object-fit:contain;filter:drop-shadow(0 0 26px rgba(255,52,165,.74))}.events{background:#0e0316}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.event-card{min-height:320px;padding:31px 28px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(145deg,rgba(97,13,100,.62),rgba(16,1,25,.95));transition:.2s}.event-card:hover{transform:translateY(-6px);border-color:var(--pink)}.event-card span{color:var(--pink-light);font:700 .85rem Cinzel,serif}.event-card h3{font:700 1.55rem Cinzel,serif;text-transform:uppercase;margin:69px 0 12px}.event-card p{margin:0;color:#d6aac7;line-height:1.7;font-size:.88rem}.event-card a{margin-top:auto;padding-top:23px;color:#fff;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.event-card b{color:var(--pink);font-size:1.1rem;margin-left:5px}.arena{background:linear-gradient(145deg,rgba(159,18,104,.6),rgba(20,1,28,.96))}.houses{background:linear-gradient(145deg,rgba(85,16,143,.61),rgba(18,1,28,.96))}.bosses{background:linear-gradient(145deg,rgba(138,55,23,.5),rgba(22,3,25,.96))}.ranking{padding:0;background:#170420}.ranking-layout{display:grid;grid-template-columns:1fr 1fr}.ranking-copy{padding:105px 85px 105px 0}.ranking-copy h2{font-size:clamp(2.2rem,3.8vw,3.7rem)}.ranking-copy>p:not(.eyebrow){margin:22px 0 30px}.ranking-panel{padding:75px 58px;background:linear-gradient(145deg,#390849,#190321);border-left:1px solid var(--line)}.ranking-panel>p{color:var(--pink-light);font-size:.65rem;text-transform:uppercase;letter-spacing:.17em;font-weight:800;margin:0 0 12px}.ranking-panel h3{font:700 1.4rem Cinzel,serif;text-transform:uppercase;margin:0}.ranking-placeholder{margin-top:30px;padding:42px 25px;text-align:center;border:1px solid rgba(255,171,220,.2);background:rgba(6,0,12,.22)}.ranking-placeholder span{font-size:2.2rem;color:var(--pink)}.ranking-placeholder strong{display:block;font:600 1rem/1.6 Cinzel,serif;margin:13px 0}.ranking-placeholder small{color:#d4a4c5;font-size:.75rem}.download{background:radial-gradient(circle at 50% 16%,rgba(170,18,169,.33),transparent 29%),#100218;text-align:center}.download-box{padding:72px 20px;border:1px solid var(--line);background:rgba(45,4,54,.35)}.download h2{font-size:clamp(2.25rem,4.3vw,4rem)}.download-box>p:not(.eyebrow){margin:20px auto 29px}.download .hero-actions{justify-content:center}footer{padding:43px 0;background:#08000e;text-align:center;border-top:1px solid var(--line)}footer img{width:100px;height:58px;object-fit:contain}footer p{color:#9e7194;text-transform:uppercase;letter-spacing:.11em;font-size:.61rem;margin:8px 0 0}@media(max-width:800px){.nav{height:80px}.brand img{width:96px;max-height:65px}.menu-toggle{display:flex;align-items:center;gap:4px;flex-direction:column;border:0;background:none;color:#fff;cursor:pointer}.menu-toggle span{width:22px;height:1px;background:#ffc1df}.menu-toggle b{margin-top:3px;font:700 .57rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em}.nav-links{display:none;position:absolute;top:80px;left:0;right:0;z-index:4;padding:13px 24px 22px;background:#190421;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links>a:not(.account-link){padding:14px 0}.nav-links>a:not(.account-link):after{bottom:7px}.account-link{text-align:center;margin-top:8px}.hero{min-height:720px}.hero-content{min-height:530px;padding-top:55px}.launch-card{display:none}.class-explorer{grid-template-columns:1fr}.class-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.class-button{flex-direction:column;justify-content:center;gap:4px;padding:8px 3px;text-align:center;font-size:.57rem}.class-profile{padding:40px 28px;min-height:415px}.ranking-layout{grid-template-columns:1fr}.ranking-copy{padding:80px 0}.ranking-panel{padding:60px 25px;border-left:0;border-top:1px solid var(--line)}}@media(max-width:540px){.container{width:min(100% - 32px,1150px)}.hero{min-height:650px;background-position:57% 50%}.hero-content{min-height:490px;padding:35px 0}.hero h1{font-size:2.35rem}.hero-bottom{grid-template-columns:1fr}.hero-bottom a{padding:11px 0;border-right:0;border-bottom:1px solid var(--line);font-size:.62rem}.hero-bottom a:last-child{border-bottom:0}.section{padding:76px 0}.class-list{grid-template-columns:repeat(3,1fr)}.class-profile{grid-template-columns:1fr;gap:0;padding:34px 25px;text-align:center}.profile-art{height:170px;grid-row:1}.profile-text{margin:auto}.profile-meta{justify-content:center}.event-grid{grid-template-columns:1fr}.event-card{min-height:255px}.event-card h3{margin-top:35px}.ranking-copy{padding:70px 0}.download-box{padding:54px 17px}.button{width:100%}.hero-actions{width:100%}}