@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&family=Unbounded:wght@700;900&display=swap');
:root{color-scheme:dark;--black:#070709;--white:#f4f0e9;--lime:#c8ff2f;--pink:#ff3cac;--purple:#6c46ff;--line:#2a2830}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Segoe UI,sans-serif}a{color:inherit}header{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);width:min(1460px,94vw);height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff2b}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:Unbounded,sans-serif;font-weight:900;line-height:.85;font-size:.9rem}.brand i{display:grid;place-items:center;width:44px;aspect-ratio:1;background:var(--lime);color:#080809;border-radius:4px;font-style:normal;font-size:1.5rem}.top-cta{font-size:.8rem;font-weight:800;text-decoration:none;padding:12px 16px;border:1px solid #ffffff4a}.hero{height:850px;min-height:100vh;position:relative;overflow:hidden}.stage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.88) contrast(1.13)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#070709 0%,#070709dd 25%,transparent 65%),linear-gradient(0deg,#070709 0%,transparent 35%),linear-gradient(180deg,#05050866,transparent 28%)}.noise{position:absolute;inset:0;z-index:2;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.hero-copy{position:absolute;z-index:3;left:max(5vw,calc((100vw - 1440px)/2));top:52%;transform:translateY(-40%);max-width:820px}.tag{display:block;color:var(--lime);font-size:.7rem;letter-spacing:.2em;font-weight:900}.hero h1,.intro h2,.order h2{font-family:Unbounded,sans-serif;font-size:clamp(4rem,8vw,8.5rem);line-height:.82;letter-spacing:-.07em;margin:24px 0}.hero h1 em,.intro h2 i,.order h2 i{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--white)}.hero-copy p{font-size:1.1rem;max-width:480px;line-height:1.65;color:#cfccd2}.button{display:inline-flex;align-items:center;text-decoration:none;margin-top:20px;background:var(--lime);color:#080809;font-weight:900;box-shadow:8px 8px 0 var(--pink)}.button span,.button b{padding:18px 24px}.button b{border-left:2px solid #080809}.stamp{position:absolute;z-index:3;right:5vw;bottom:55px;width:130px;aspect-ratio:1;display:grid;place-items:center;text-align:center;border:2px solid var(--lime);border-radius:50%;color:var(--lime);font-weight:900;font-size:.72rem;line-height:1.5;transform:rotate(10deg)}.styles{padding:125px max(5vw,calc((100vw - 1440px)/2))}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}.intro .tag{grid-column:1/-1}.intro h2{font-size:clamp(3rem,6vw,6.5rem);margin:0}.intro p{color:#aaa6b1;line-height:1.7;max-width:440px}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:60px}.style-grid article{height:320px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid #ffffff20}.style-grid article:before{content:"";position:absolute;width:210px;aspect-ratio:1;border-radius:50%;top:-45px;right:-55px;filter:blur(5px);opacity:.85}.rock:before{background:#ff593f}.rap:before{background:var(--purple)}.pop:before{background:var(--pink)}.dance:before{background:#26d8ee}.style-grid span{position:absolute;top:20px;left:20px;color:#ffffff85;font-weight:800}.style-grid h3{font-family:Unbounded,sans-serif;font-size:2.3rem;margin:0}.style-grid p{color:#aaa6b1;line-height:1.5}.story{width:min(1200px,90vw);margin:auto;padding:110px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.record{width:min(380px,80vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:6rem;color:#080809;background:repeating-radial-gradient(#151419 0 12px,#26242a 13px 16px);border:65px solid #151419;box-shadow:inset 0 0 0 55px var(--pink),0 40px 80px #000}.story ol{padding:0;list-style:none;counter-reset:steps}.story li{counter-increment:steps;border-bottom:1px solid var(--line);padding:25px 0 25px 55px;position:relative}.story li:before{content:"0" counter(steps);position:absolute;left:0;color:var(--lime);font-weight:900}.story b{font-family:Unbounded,sans-serif;font-size:1.25rem}.story p{margin:8px 0;color:#98949f}.order{padding:130px 5vw;text-align:center;background:radial-gradient(circle at center,#3a1c66 0,transparent 50%),#0b0a0e;border-top:1px solid var(--line)}.order h2{font-size:clamp(3rem,6vw,6.5rem)}footer{width:min(1440px,90vw);margin:auto;padding:38px 0;display:flex;align-items:center;justify-content:space-between;color:#77737e;font-size:.75rem}footer .brand{color:white}
.chat-launcher{position:fixed;right:24px;bottom:24px;z-index:20;border:0;background:var(--lime);color:#080809;display:flex;align-items:center;gap:11px;padding:10px 16px 10px 10px;border-radius:999px;box-shadow:0 14px 45px #000b,5px 5px 0 var(--pink);font:800 .82rem Inter;cursor:pointer}.chat-launcher>span{width:39px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#080809;color:var(--lime);font-size:1.3rem}.chat-launcher i{position:absolute;right:-5px;top:-7px;width:23px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:white;font-size:.7rem;font-style:normal;border:2px solid var(--black);animation:pulse 1.6s infinite}.song-chat{position:fixed;right:24px;bottom:24px;width:min(390px,calc(100vw - 28px));height:570px;z-index:30;background:#111116;border:1px solid #3a3642;border-radius:18px;box-shadow:0 30px 90px #000d;display:flex;flex-direction:column;overflow:hidden;transform:translateY(25px) scale(.96);opacity:0;pointer-events:none;transition:.28s ease}.song-chat.open{transform:none;opacity:1;pointer-events:auto}.chat-head{height:76px;display:flex;align-items:center;gap:12px;padding:14px 15px;background:#18171d;border-bottom:1px solid #2a2830}.chat-avatar{width:44px;aspect-ratio:1;border-radius:12px;display:grid;place-items:center;background:var(--lime);color:#080809;font-size:1.45rem;font-weight:900}.chat-head>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.chat-head strong{font-size:.9rem}.chat-head small{color:#8f8b96}.chat-head small span{display:inline-block;width:7px;aspect-ratio:1;border-radius:50%;background:#69e789;margin-right:5px}.chat-close{margin-left:auto;border:0;background:none;color:#8f8b96;font-size:1.7rem;cursor:pointer}.chat-progress{height:3px;background:#25232a}.chat-progress i{display:block;height:100%;width:14%;background:linear-gradient(90deg,var(--lime),var(--pink));transition:.3s}.chat-body{flex:1;padding:20px;overflow:auto;background:radial-gradient(circle at 100% 0,#31204f55,transparent 40%)}.bot-message,.user-message{width:fit-content;max-width:84%;padding:12px 14px;border-radius:15px;line-height:1.45;font-size:.91rem;margin-bottom:12px;animation:message .25s ease}.bot-message{background:#25232b;border-bottom-left-radius:4px}.user-message{background:var(--purple);margin-left:auto;border-bottom-right-radius:4px}.quick-replies{display:flex;flex-wrap:wrap;gap:7px;margin:3px 0 14px}.quick-replies button{border:1px solid #514b5a;background:#19181e;color:white;padding:9px 12px;border-radius:999px;cursor:pointer}.quick-replies button:hover{border-color:var(--lime);color:var(--lime)}.chat-form{display:flex;gap:8px;padding:12px;background:#18171d;border-top:1px solid #2a2830}.chat-form input{flex:1;min-width:0;border:1px solid #393640;background:#0d0d11;color:#fff;padding:13px 14px;border-radius:12px;outline:0}.chat-form input:focus{border-color:var(--lime)}.chat-form button{width:45px;border:0;border-radius:12px;background:var(--lime);color:#080809;font-size:1.25rem;font-weight:900;cursor:pointer}.chat-done{text-align:center;padding:24px 8px}.chat-done .done-note{font-size:2rem}.chat-done h3{font-family:Unbounded,sans-serif;font-size:1.2rem;margin:10px 0}.chat-done p{color:#aaa6b1;line-height:1.55}.telegram-button{display:block;text-decoration:none;background:var(--lime);color:#080809;padding:13px;border-radius:10px;font-weight:900;margin-top:18px}.chat-reset{border:0;background:none;color:#8f8b96;text-decoration:underline;margin-top:14px;cursor:pointer}@keyframes pulse{50%{transform:scale(1.14);box-shadow:0 0 0 8px #ff3cac22}}@keyframes message{from{opacity:0;transform:translateY(5px)}}
@media(max-width:900px){.hero{height:760px}.hero-copy{top:48%}.hero h1{font-size:clamp(3.7rem,11vw,6.5rem)}.shade{background:linear-gradient(90deg,#070709ee,transparent 105%),linear-gradient(0deg,#070709 0,transparent 40%)}.intro,.story{grid-template-columns:1fr}.style-grid{grid-template-columns:repeat(2,1fr)}.story .record{margin:auto}.stamp{display:none}}@media(max-width:580px){header{height:72px}.top-cta{font-size:.64rem}.hero{height:720px}.hero-copy{left:5vw;right:5vw}.hero h1{font-size:3.55rem}.stage{object-position:60% center}.hero-copy p{font-size:1rem}.styles{padding-top:80px}.intro h2{font-size:2.7rem}.style-grid{grid-template-columns:1fr 1fr}.style-grid article{height:230px}.style-grid h3{font-size:1.35rem}.story{padding:80px 0;gap:60px}.record{width:260px!important;border-width:45px;font-size:4rem}.order{padding:90px 5vw}.order h2{font-size:2.7rem}footer{align-items:flex-end}footer p{display:none}.chat-launcher{right:14px;bottom:14px}.song-chat{right:14px;bottom:14px;height:min(610px,calc(100vh - 28px))}}