.hero{height:min(850px,calc(100svh - 84px));min-height:720px;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#29133d3d,transparent 48%)}
.hero h1{margin-top:150px;text-align:left;position:relative;z-index:3;max-width:60%;line-height:1}
.hero h1>span{font-size:clamp(42px,4.5vw,68px);margin-bottom:18px;color:#c1c5d0;letter-spacing:-.06em}
.hero h1 strong{font-size:clamp(70px,9.5vw,144px);letter-spacing:-.035em;white-space:nowrap;background:linear-gradient(170deg,#f0f2fc 12%,#abb3c7 65%,#735c8b);background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.hero-bottom{left:4.5%;right:auto;width:42%;top:53%;bottom:auto;display:block;padding-top:25px}
.hero-bottom p{font-size:15px;line-height:1.9;text-transform:none;letter-spacing:0;color:#9f9baa;max-width:300px}
.hero-bottom .pill{margin-top:27px;padding:18px 30px;font-size:11px}
.hero-bottom .scroll-link{display:none}
.creator-stage{position:absolute;right:2%;bottom:28px;width:49%;height:650px;isolation:isolate}
.stage-aura{position:absolute;inset:10% 0 8%;background:radial-gradient(ellipse,#9635d127,#8025cd12 35%,transparent 70%);filter:blur(25px)}
.creator-figure{position:absolute;inset:0 9% 6%;z-index:2;animation:figure-breathe 7s ease-in-out infinite;transform-origin:50% 90%;pointer-events:none}
#creator-avatar{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 25px 28px #0008)}
.stage-ring{position:absolute;bottom:5%;left:8%;right:8%;height:17%;border-radius:50%;border:1px solid #c77dff9c;box-shadow:0 0 22px #963bff29,inset 0 0 20px #953aff12;transform:rotate(-8deg);pointer-events:none}
.ring-back{z-index:0;background:linear-gradient(180deg,#7e2fd91a,transparent)}
.ring-front{z-index:3;clip-path:inset(50% 0 0 0);border-bottom:2px solid #d799ffaf;box-shadow:0 6px 25px #8f3bee24}
.stage-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:13px;padding:11px 16px 11px 11px;background:linear-gradient(125deg,#33243aee,#17111dd9);border:1px solid #8260946b;border-radius:18px;box-shadow:0 16px 40px #0005;backdrop-filter:blur(15px);font-size:9px;letter-spacing:1.5px;font-weight:700;transition:border-color .2s,box-shadow .2s}
.stage-chip:hover{border-color:#d895ff;box-shadow:0 10px 35px #a343ff25}
.stage-chip img{border-radius:11px;object-fit:cover}.stage-chip>span:last-child{font-size:17px;letter-spacing:0;color:#cda6e4}
.chip-telegram{left:1%;top:55%;transform:rotate(-7deg)}
.chip-twitch{right:0;top:24%;transform:rotate(7deg);padding:11px 16px;animation:chip-float 8s ease-in-out infinite}
.twitch-mark{width:33px;height:33px;display:grid;place-items:center;background:#8e39e6;border-radius:10px;font-size:25px;color:white}
@keyframes figure-breathe{0%,100%{transform:translateY(3px) rotate(-1.5deg)}50%{transform:translateY(-16px) rotate(1.5deg)}}
@keyframes chip-float{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-9px) rotate(5deg)}}
.creator-stage.paused *{animation-play-state:paused}
@media(min-width:1600px){.hero h1 strong{font-size:144px}.creator-stage{right:6%;width:43%}}
@media(max-width:1100px){.hero{min-height:670px}.hero h1{margin-top:135px}.hero h1 strong{font-size:9.7vw}.hero-bottom{top:54%;width:42%}.creator-stage{height:550px;right:0;width:51%;bottom:45px}.chip-telegram{left:0%;padding:8px 11px;gap:8px}.chip-twitch{right:4%;padding:9px;gap:8px}.stage-chip{font-size:8px}}
@media(max-width:700px){.hero{height:890px;min-height:0;padding-top:25px;background:radial-gradient(ellipse at 50% 50%,#30123f45,transparent 60%)}.hero h1{margin-top:20px;max-width:none;text-align:center}.hero h1>span{font-size:35px;margin-bottom:11px}.hero h1 strong{font-size:16vw;letter-spacing:-.03em}.creator-stage{right:0;bottom:230px;width:100%;height:470px}.creator-figure{inset:0 15% 6%}.stage-ring{left:16%;right:16%;bottom:4%;height:13%}.chip-telegram{top:57%;left:4%;font-size:7px;gap:7px;padding:8px 10px}.stage-chip img{width:28px;height:28px;border-radius:8px}.chip-twitch{right:5%;top:26%;font-size:7px;gap:8px;padding:9px}.twitch-mark{width:25px;height:25px;font-size:20px;border-radius:8px}.hero-bottom{top:auto;bottom:34px;left:6%;right:6%;width:auto;padding:0;text-align:center}.hero-bottom p{font-size:12px;line-height:1.7;max-width:none}.hero-bottom p br{display:none}.hero-bottom .pill{margin-top:20px;padding:17px 28px;font-size:10px}.hero-bottom .pill>span:last-child{font-size:15px}}
@media(max-width:360px){.hero{height:820px}.creator-stage{height:420px;bottom:225px}.hero h1>span{font-size:30px}.hero-bottom p{max-width:230px;margin:auto}}
@media(prefers-reduced-motion:reduce){.creator-figure,.chip-twitch{animation:none;transform:none}}