:root{
--ink:#111018;--paper:#f5eee7;--muted:#8b8581;--pink:#ff4fa3;--cyan:#35e6e4;--yellow:#ffe35c;
--dark:#101018;--line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sun{position:fixed;z-index:-3;width:650px;height:650px;border-radius:50%;right:-140px;top:-250px;background:radial-gradient(circle,#ffca5b 0,#ff719b 43%,rgba(255,79,163,.12) 67%,transparent 70%);filter:blur(1px);opacity:.75}.skyline{position:fixed;z-index:-2;left:0;right:0;bottom:0;height:38vh;opacity:.32;background:linear-gradient(180deg,transparent,#090910),repeating-linear-gradient(90deg,#08090e 0 60px,transparent 61px 95px);clip-path:polygon(0 65%,5% 55%,8% 62%,12% 35%,17% 58%,21% 44%,27% 64%,31% 29%,35% 58%,40% 49%,45% 67%,49% 38%,55% 60%,60% 45%,65% 64%,70% 31%,75% 56%,81% 42%,87% 64%,92% 37%,100% 55%,100% 100%,0 100%)}
.palm{position:fixed;z-index:-1;font-size:160px;opacity:.12;filter:grayscale(1);pointer-events:none}.palm-a{left:-35px;bottom:7vh;transform:rotate(-15deg)}.palm-b{right:30px;top:18vh;transform:scaleX(-1) rotate(-12deg)}
.topbar{height:78px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(15,15,23,.78);backdrop-filter:blur(18px)}
.logo{font:900 26px "Barlow Condensed";line-height:.75;letter-spacing:-.4px}.logo span{display:block;font-size:11px;letter-spacing:4px}.logo strong{color:var(--pink);text-shadow:2px 2px 0 var(--cyan)}
.topbar nav{display:flex;gap:32px;font:700 12px "Barlow Condensed";letter-spacing:1.6px}.topbar nav a{color:#bbb5b3}.topbar nav a:hover{color:#fff}.top-actions{display:flex;align-items:center;gap:14px}.account-link{font:700 11px "Barlow Condensed";letter-spacing:1px}.buy,.btn-main{display:inline-flex;align-items:center;gap:12px;border:0;background:var(--pink);color:#fff;padding:12px 17px;font:800 12px "Barlow Condensed";letter-spacing:1px;box-shadow:4px 4px 0 rgba(53,230,228,.65);cursor:pointer}.buy b{color:var(--yellow)}
.hero{min-height:calc(100vh - 78px);padding:100px 9vw 70px;position:relative;display:flex;align-items:center}.hero-lines{position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 65%,rgba(255,255,255,.035) 65.1%,transparent 65.3%),linear-gradient(15deg,transparent 0 70%,rgba(53,230,228,.04) 70.1%,transparent 70.3%);pointer-events:none}
.hero-copy{max-width:780px;position:relative;z-index:2}.location-pill{display:inline-flex;align-items:center;gap:9px;color:#c4bfbd;font:700 11px "Barlow Condensed";letter-spacing:2px;margin-bottom:22px}.location-pill span{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}
h1,h2{font-family:"Barlow Condensed";font-weight:900;letter-spacing:-2px;margin:0}h1{font-size:clamp(76px,11vw,165px);line-height:.76}h1 i,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.65)}.lead{max-width:590px;color:#aaa5a3;font-size:15px;line-height:1.8;margin:30px 0}.hero-buttons{display:flex;align-items:center;gap:22px}.btn-main small{font-size:9px;opacity:.7}.btn-play{font:800 12px "Barlow Condensed";letter-spacing:1.5px}.btn-play span{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;margin-right:8px}
.hero-card{position:absolute;right:9vw;bottom:17%;width:245px;height:330px;border:1px solid rgba(255,255,255,.22);padding:18px;transform:rotate(4deg);background:linear-gradient(150deg,rgba(255,79,163,.12),rgba(53,230,228,.03));box-shadow:15px 25px 80px rgba(0,0,0,.45)}.card-top,.card-bottom{display:flex;justify-content:space-between;color:#8f8987;font:700 9px "Barlow Condensed";letter-spacing:1.5px}.card-top span:last-child{color:var(--cyan)}.card-middle{margin-top:75px;font:900 55px "Barlow Condensed";line-height:.78}.card-middle em{font-style:normal;color:var(--pink)}.card-bottom{position:absolute;left:18px;right:18px;bottom:18px}.card-bottom b{color:#c6c0be}
.scroll{position:absolute;bottom:28px;left:9vw;color:#676264;font:700 9px "Barlow Condensed";letter-spacing:2px}.scroll span{color:var(--pink);margin-left:10px}
.section{padding:110px 9vw;border-top:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:10px;color:#8c8584;font:800 10px "Barlow Condensed";letter-spacing:2px}.section-label span{color:var(--pink)}.section-label i{width:34px;height:1px;background:var(--pink);display:block}
.preview{background:#14131d}.preview-wrap{display:grid;grid-template-columns:1.6fr .7fr;gap:55px;margin-top:40px}.preview-screen{height:460px;border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden;background:radial-gradient(circle at 65% 30%,rgba(255,79,163,.25),transparent 25%),linear-gradient(145deg,#171522,#090a11)}.preview-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.025) 6px);pointer-events:none}.scan{position:absolute;left:0;right:0;height:2px;background:var(--cyan);opacity:.35;box-shadow:0 0 20px var(--cyan);animation:scan 5s linear infinite}.preview-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-content strong{font:900 31px "Barlow Condensed";letter-spacing:2px}.preview-content span{font:700 10px "Barlow Condensed";color:var(--pink);letter-spacing:3px}.preview-content small{margin-top:12px;color:#68656b;font-size:10px}.big-play{width:72px;height:72px;border-radius:50%;border:1px solid rgba(53,230,228,.7);display:grid;place-items:center;color:var(--cyan);margin-bottom:18px;box-shadow:0 0 35px rgba(53,230,228,.13)}.preview-note{align-self:center}.preview-note h2{font-size:65px;line-height:.8;margin:18px 0}.preview-note p{color:#8d8888;line-height:1.8;font-size:13px}
.library{background:var(--paper);color:var(--ink)}.library .section-label{color:#766e6d}.library .section-label span{color:#ed3c8e}.library .section-label i{background:#ed3c8e}.library .section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.library .section-head h2{font-size:76px;line-height:.78;margin-top:15px}.library .section-head>p{text-align:right;color:#827b79;font-size:12px;line-height:1.7}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cat{min-height:245px;padding:25px;position:relative;border:1px solid rgba(17,16,24,.12);overflow:hidden;transition:.25s}.cat:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(20,15,25,.15)}.cat-1{background:#ffd65a}.cat-2{background:#fa5b9e}.cat-3{background:#43ded9}.cat-4{background:#191721;color:#fff}.cat .num{font:800 11px "Barlow Condensed";opacity:.6}.cat-art{position:absolute;right:28px;top:16px;font:900 130px "Barlow Condensed";opacity:.12}.cat-copy{position:absolute;left:25px;bottom:24px}.cat-copy b{display:block;font:900 52px "Barlow Condensed";line-height:.8}.cat-copy small{font:600 10px Inter;opacity:.6}.arrow{position:absolute;right:24px;bottom:24px;font-size:25px}.latest{background:#0e0e15}.latest-title{display:flex;align-items:end;justify-content:space-between;margin:15px 0 42px}.latest-title h2{font-size:75px;line-height:.76}.latest-title>span{font:700 9px "Barlow Condensed";letter-spacing:2px;color:#6f6b70}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article{min-height:250px;background:#15151e;border:1px solid var(--line);padding:24px;position:relative;transition:.2s;cursor:pointer}.article:hover{border-color:rgba(255,79,163,.5);transform:translateY(-3px)}.article .tag{color:var(--pink);font:800 10px "Barlow Condensed";letter-spacing:2px}.article h3{font:900 30px "Barlow Condensed";margin:60px 0 10px;line-height:.9}.article p{color:#79767b;font-size:11px;line-height:1.7}.access{background:linear-gradient(140deg,#f25a9e,#7c4c9c 50%,#2aaeb3);padding-top:85px;padding-bottom:85px}.ticket{display:grid;grid-template-columns:1fr 170px;background:#111018;color:#fff;min-height:410px;box-shadow:20px 30px 80px rgba(0,0,0,.3)}.ticket-main{padding:55px}.ticket-main h2{font-size:75px;line-height:.75;margin:18px 0}.ticket-main p{color:#89858a;font-size:13px;max-width:450px;line-height:1.7}.ticket-price{display:flex;align-items:center;gap:16px;margin:24px 0}.ticket-price strong{font:900 65px "Barlow Condensed";color:var(--yellow)}.ticket-price span{font:700 9px "Barlow Condensed";letter-spacing:1.5px;color:#747077}.ticket-side{border-left:1px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#77727a;font:700 9px "Barlow Condensed";letter-spacing:2px}.ticket-side small{color:var(--pink)}.barcode{width:75px;height:170px;background:repeating-linear-gradient(90deg,#eee 0 2px,transparent 2px 5px);opacity:.8}
.account{background:#111018}.account-box{margin-top:25px;border:1px solid var(--line);padding:28px;background:#15151e;color:#9a969c;min-height:110px}
footer{padding:45px 9vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#66636a;font-size:10px}.modal{position:fixed;inset:0;z-index:60;background:rgba(5,5,10,.8);display:grid;place-items:center;padding:20px}.hidden{display:none}.modal-box{width:min(470px,100%);background:#15151e;border:1px solid var(--line);padding:35px;position:relative}.close{position:absolute;right:15px;top:8px;background:none;border:0;color:#aaa;font-size:27px;cursor:pointer}.modal-box h2{font-size:48px}.field{margin:15px 0}.field label{display:block;font:800 10px "Barlow Condensed";letter-spacing:1.5px;color:#777;margin-bottom:7px}.field input{width:100%;background:#0d0d13;border:1px solid var(--line);padding:13px;color:#fff;outline:0}.toast{position:fixed;right:25px;bottom:25px;z-index:80;background:var(--pink);color:#fff;padding:14px 18px;font:800 11px "Barlow Condensed";letter-spacing:.5px;transform:translateY(120px);transition:.25s;box-shadow:5px 5px 0 var(--cyan)}.toast.show{transform:translateY(0)}
@keyframes scan{from{top:-2px}to{top:100%}}@media(max-width:900px){.topbar nav{display:none}.hero{padding:90px 7vw 80px}.hero-card{display:none}.preview-wrap{grid-template-columns:1fr}.category-grid,.article-grid{grid-template-columns:1fr}.ticket{grid-template-columns:1fr}.ticket-side{display:none}.section{padding:80px 7vw}.library .section-head{display:block}.library .section-head>p{text-align:left;margin-top:25px}.latest-title{display:block}.latest-title>span{display:block;margin-top:20px}footer{padding:35px 7vw;gap:20px;flex-wrap:wrap}.hero h1{font-size:74px}.preview-screen{height:320px}}