:root{--pink:#ff00a8;--acid:#ffeb00;--purple:#8a00ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:repeating-linear-gradient(27deg,#ff72c9 0 32px,#ffb1e3 32px 62px,#ff48b6 62px 95px);color:#390027;font-family:Impact,'Arial Black',sans-serif;overflow-x:hidden}button{cursor:pointer;font:inherit} .noise{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 2px);background-size:18px 18px;opacity:.25;z-index:20}.marquee{background:var(--acid);border-block:5px dashed #ff00a8;overflow:hidden;white-space:nowrap;transform:rotate(-1deg);font-size:clamp(20px,4vw,38px);padding:8px}.marquee span{display:inline-block;animation:slide 17s linear infinite}@keyframes slide{to{transform:translateX(-50%)}}header{min-height:95vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:100px 20px 90px;isolation:isolate}header:before{content:'🎀';position:absolute;left:-35px;top:0;font-size:220px;transform:rotate(-20deg);z-index:-1}header:after{content:'💋';position:absolute;right:-20px;bottom:20px;font-size:190px;transform:rotate(22deg);z-index:-1}h1{font-size:clamp(65px,13vw,185px);line-height:.88;margin:0;text-transform:uppercase;color:white;-webkit-text-stroke:3px #c60078;text-shadow:9px 10px 0 #ffed00,-8px -8px 0 #9300ff;transform:rotate(-3deg)}.subtitle{font:900 clamp(20px,4vw,43px) Arial,sans-serif;background:#ffeb00;display:inline-block;padding:16px;transform:rotate(2deg);border:5px dotted #c00088;box-shadow:12px 12px 0 #a800e8;margin:40px auto}.sticker{position:absolute;font-size:clamp(40px,7vw,100px);animation:wobble 1.8s ease-in-out infinite alternate;pointer-events:none}@keyframes wobble{to{transform:rotate(24deg) scale(1.2)}}.s1{left:3%;top:15%}.s2{right:8%;top:10%;animation-delay:.4s}.s3{left:10%;bottom:10%;animation-delay:.8s}.bigbtn{display:inline-block;border:7px ridge #ffed00;background:#ff008c;color:white;padding:18px 25px;font-size:clamp(20px,3vw,34px);box-shadow:10px 10px 0 #6900aa;transform:rotate(-2deg);transition:transform .1s}.bigbtn:hover{transform:rotate(4deg) scale(1.08)}main{position:relative}section{padding:90px max(20px,5vw);position:relative;text-align:center;border-top:12px dotted #ffeb00}h2{font-size:clamp(40px,8vw,100px);line-height:.95;color:#fff;text-shadow:6px 7px #9500ab,-4px -4px #ff0073;transform:rotate(-2deg);margin:0 0 40px}.warning{background:#ffed00;color:#d1008a;border:8px dashed #9300ff;display:inline-block;padding:14px 25px;font-size:clamp(21px,4vw,43px);transform:rotate(3deg)}.story{background:repeating-linear-gradient(-45deg,#ff008c,#ff008c 24px,#ff8fce 24px,#ff8fce 48px)}.story p,.final p{font:900 clamp(21px,3.4vw,42px)/1.3 Arial,sans-serif;max-width:1000px;margin:35px auto}.meme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1100px;margin:50px auto}.meme{background:#fff4ff;border:9px ridge #ffed00;padding:10px;box-shadow:13px 13px 0 #8e00aa;transform:rotate(var(--angle));position:relative}.meme img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.meme b{display:block;font:900 20px Arial,sans-serif;padding:12px 2px;color:#dc007e}.meme:nth-child(even){margin-top:35px}.tape{position:absolute;top:-24px;left:35%;width:90px;height:35px;background:#fdf085b0;transform:rotate(12deg);z-index:2}.contract{background:#ffe900}.contract .paper{max-width:800px;margin:auto;background:#fff;border:15px double #ff008c;padding:45px 25px;box-shadow:20px 20px 0 #8700c2;transform:rotate(2deg)}.paper p{font:900 clamp(20px,3vw,32px)/1.5 Arial,sans-serif}.stamp{font-size:clamp(35px,7vw,85px);color:#f00083;border:8px solid currentColor;display:inline-block;padding:10px;transform:rotate(-17deg)}.quiz{background:#a500ff;color:#fff}.buttons{display:flex;align-items:center;justify-content:center;gap:40px;min-height:160px;flex-wrap:wrap}.yes,.no{border:7px outset #ffed00;padding:20px 40px;font-size:32px}.yes{background:#ff008c;color:white}.no{background:#fff;color:#aa0088;position:relative}.final{background:#ff008c;min-height:80vh}.float{position:fixed;top:-100px;pointer-events:none;z-index:50;animation:fall linear forwards}@keyframes fall{to{transform:translate(var(--drift),115vh) rotate(760deg);opacity:0}}.counter{font:900 25px Arial,sans-serif;background:white;padding:15px;border:6px solid #ffeb00;display:inline-block;transform:rotate(-3deg)}.ribbon{font-size:clamp(25px,5vw,60px);word-break:break-word;letter-spacing:10px;line-height:1.5}.blink{animation:blink .6s step-end infinite}@keyframes blink{50%{visibility:hidden}}footer{text-align:center;padding:30px;background:#ffed00;font:900 20px Arial,sans-serif}@media(max-width:650px){.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meme{border-width:5px;padding:5px;box-shadow:6px 7px 0 #8e00aa}.meme b{font-size:13px}.meme:nth-child(even){margin-top:20px}.tape{width:45px;height:18px;top:-12px}h1{-webkit-text-stroke:1.5px #c60078;text-shadow:5px 5px #ffed00,-4px -4px #9300ff}.sticker{font-size:45px}.paper{padding:20px!important}.buttons{gap:12px}.yes,.no{font-size:22px;padding:15px}}

/* Подпись-поцелуй и финальный взрыв стикеров */
.kiss-signature{display:inline-block;font-size:clamp(90px,15vw,170px);transform:rotate(-18deg);filter:drop-shadow(7px 9px 0 #ff78c7)}
.explosion-sticker{position:fixed;z-index:9999;pointer-events:none;line-height:1;transform:translate(-50%,-50%);animation:sticker-burst ease-out forwards;filter:drop-shadow(3px 5px 1px #b50087)}
@keyframes sticker-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}15%{opacity:1;transform:translate(calc(-50% + var(--x)*.15),calc(-50% + var(--y)*.15)) scale(1.6) rotate(45deg)}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.9) rotate(var(--rotation))}}
