:root{color-scheme:dark;background:#141118;color:#eee5f7;font-family:'Roboto Flex',Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;position:relative;isolation:isolate;overflow-x:hidden;display:grid;grid-template-rows:auto 1fr auto}
.topbar{width:min(100%,1600px);justify-self:center;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 48px;padding-top:max(28px,env(safe-area-inset-top));position:relative;z-index:1}
a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible{outline:3px solid #d1bcff;outline-offset:6px}
.brand{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;color:#eee5f7;font-size:22px;line-height:1;font-weight:700;letter-spacing:-.04em}
.brand span{color:#b4a7c1;font-weight:450}
.telegram{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#30263e;color:#d1bcff;transition:background .2s,transform .2s,border-radius .2s}
.telegram svg{display:block;width:24px;height:24px;fill:currentColor}
@media(hover:hover){.telegram:hover{background:#49365d;border-radius:16px;transform:translateY(-2px)}}
.telegram:active{transform:scale(.94)}
.scene{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.shape{position:absolute;display:block;transform-origin:50% 50%;animation:turn 70s linear infinite;fill:currentColor}
.cookie{width:clamp(280px,34vw,510px);height:auto;top:-13%;right:-6%;color:#473064;animation-duration:90s;animation-delay:-12s}
.clover{width:clamp(230px,30vw,430px);height:auto;bottom:-10%;left:-7%;color:#343f2a;animation-direction:reverse;animation-duration:75s;animation-delay:-20s}
.diamond{width:clamp(130px,16vw,220px);height:auto;right:13%;bottom:6%;color:#503134;animation-duration:65s;animation-delay:-8s}
.pill{width:clamp(100px,14vw,190px);height:auto;left:12%;top:9%;color:#2c2941;animation-direction:reverse;animation-duration:85s;animation-delay:-30s}
.flower{width:clamp(90px,10vw,145px);height:auto;right:8%;top:50%;color:#29233a;animation-duration:55s;animation-delay:-15s}
main{min-width:0;display:grid;place-items:center;padding:64px 24px 96px}
h1{margin:0;text-align:center;white-space:nowrap;font-size:clamp(62px,8.7vw,132px);font-weight:760;font-variation-settings:'wdth' 105,'opsz' 100;line-height:1.04;letter-spacing:-.045em}
footer{padding:20px 24px 34px;padding-bottom:max(34px,env(safe-area-inset-bottom));text-align:center;font-size:14px;line-height:1.5;color:#b4a7c1;letter-spacing:.02em}
@keyframes turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(min-width:601px) and (max-width:1023px){.topbar{padding-right:32px;padding-left:32px}h1{font-size:clamp(72px,10vw,100px)}.cookie{top:5%;right:-14%;width:340px}.clover{left:-15%;bottom:0;width:300px}.diamond{right:7%;bottom:12%}}
@media(max-width:600px){.topbar{padding:20px;gap:16px;padding-top:max(20px,env(safe-area-inset-top))}.brand{font-size:20px}.cookie{top:14%;right:-36%;width:270px}.clover{bottom:7%;left:-40%;width:270px}.pill{left:3%;top:23%;width:84px}.diamond{right:-8%;bottom:17%;width:140px}.flower{right:5%;top:46%;width:72px}h1{font-size:clamp(44px,12.8vw,76px);letter-spacing:-.04em}main{padding:64px 20px 88px}footer{padding:20px 20px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom));font-size:13px}}
@media(max-height:500px) and (min-width:601px){.topbar{padding-top:12px;padding-bottom:12px}h1{font-size:clamp(48px,8vw,72px)}main{padding:20px 24px 36px}footer{padding:12px 24px 18px}.cookie{width:230px}.clover{width:200px}.diamond{width:100px;bottom:5%}}
@media(prefers-reduced-motion:reduce){.shape{animation:none}.telegram{transition:none}}