*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;height:100vh;overflow:hidden;font-family:'Barlow','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(168deg,#fff3e0 0,#ffecd2 18%,#ffe4d6 36%,#fde0e8 54%,#f8d8e8 68%,#e8f4f0 82%,#d4f0e4 100%);position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;min-height:100vh}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:180px 180px}.decor-panel{position:fixed;pointer-events:none;z-index:0;border:3.5px solid #1a1a2e;box-shadow:4px 5px 0 #1a1a2e,inset 0 0 0 1px rgba(255,255,255,.25)}.decor-panel--pink{background:#ff6b8a;clip-path:polygon(0 8%,94% 0,100% 92%,6% 100%);width:38vw;height:28vh;top:4vh;left:-4vw;opacity:.72;transform:rotate(-2.5deg)}.decor-panel--seafoam{background:#6ecf9c;clip-path:polygon(5% 0,100% 6%,96% 100%,0 94%);width:34vw;height:26vh;bottom:5vh;right:-3vw;opacity:.68;transform:rotate(3deg)}.decor-panel--yellow{background:#ffe066;clip-path:polygon(0 4%,97% 0,100% 96%,3% 100%);width:22vw;height:16vh;top:38vh;right:-5vw;opacity:.55;transform:rotate(-4deg);border-width:3px;box-shadow:3px 4px 0 #1a1a2e,inset 0 0 0 1px rgba(255,255,255,.2)}.decor-panel--accent{background:#ff5277;clip-path:polygon(8% 0,100% 7%,92% 100%,0 93%);width:26vw;height:18vh;bottom:28vh;left:-6vw;opacity:.5;transform:rotate(5.5deg);border-width:3px;box-shadow:3px 4px 0 #1a1a2e}.main-stage{position:relative;z-index:2;width:92vw;max-width:720px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:4px solid #1a1a2e;box-shadow:7px 8px 0 #1a1a2e,0 0 0 1px rgba(26,26,46,.08),0 30px 60px rgba(26,26,46,.12);border-radius:4px 16px 4px 14px;padding:clamp(18px,3.5vw,36px) clamp(14px,4vw,40px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(10px,2vh,18px);animation:panelEntry .55s cubic-bezier(.22,.61,.36,1) both}@keyframes panelEntry{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-wrap{display:flex;align-items:center;gap:8px;margin-bottom:2px}.logo-wrap img{height:clamp(34px,5vw,48px);width:auto;display:block}.logo-tag{font-weight:700;font-size:clamp(11px,1.6vw,14px);color:#1a1a2e;letter-spacing:.06em;text-transform:uppercase;background:#ffe066;padding:3px 10px;border:2px solid #1a1a2e;box-shadow:2px 3px 0 #1a1a2e;border-radius:2px 7px 2px 6px;white-space:nowrap}h1{font-weight:700;font-size:clamp(1.6rem,4.8vw,2.8rem);color:#1a1a2e;line-height:1.12;letter-spacing:-.02em;max-width:580px;text-wrap:balance}h1 .hl-pink{color:#e8325c;position:relative;display:inline-block}h1 .hl-pink::after{content:'';position:absolute;bottom:2px;left:-2px;right:-2px;height:8px;background:#ff6b8a;opacity:.35;z-index:-1;border-radius:3px}h1 .hl-seafoam{color:#2ea868;position:relative;display:inline-block}.desc{font-weight:400;font-size:clamp(.92rem,2vw,1.15rem);color:#3a3a52;line-height:1.5;max-width:500px;text-wrap:balance;letter-spacing:.01em}.ping-badge{display:inline-flex;align-items:center;gap:8px;background:#1a1a2e;color:#fff;font-weight:700;font-size:clamp(11px,1.3vw,13px);letter-spacing:.05em;padding:7px 16px;border-radius:20px;font-family:'Barlow',monospace;box-shadow:0 4px 14px rgba(26,26,46,.25);border:2px solid #1a1a2e}.ping-dot{width:9px;height:9px;border-radius:50%;background:#3ef785;animation:pulse 1.6s ease-in-out infinite;box-shadow:0 0 8px #3ef785,0 0 16px rgba(62,247,133,.5)}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.7)}}.ping-label{text-transform:uppercase;font-size:10px;letter-spacing:.08em;opacity:.7}.ping-val{font-size:clamp(13px,1.6vw,16px);letter-spacing:.03em}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e8325c;color:#fff;font-weight:700;font-size:clamp(1rem,2.4vw,1.25rem);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:clamp(13px,2.2vh,18px) clamp(28px,6vw,48px);border:3.5px solid #1a1a2e;box-shadow:5px 6px 0 #1a1a2e,0 0 0 2px #e8325c;border-radius:5px 18px 5px 16px;cursor:pointer;transition:all .14s ease;position:relative;outline:none;margin-top:clamp(4px,1vh,10px)}.cta-btn:focus-visible{outline:3px solid #1a1a2e;outline-offset:4px;box-shadow:5px 6px 0 #1a1a2e,0 0 0 2px #e8325c,0 0 0 7px rgba(232,50,92,.3)}.cta-btn:hover{background:#c9204a;transform:translate(1px,2px);box-shadow:3px 3px 0 #1a1a2e,0 0 0 2px #c9204a}.cta-btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 #1a1a2e,0 0 0 2px #c9204a}.cta-arrow{font-size:1.3em;line-height:1;transition:transform .14s ease}.cta-btn:hover .cta-arrow{transform:translateX(3px)}.gdpr-badge{display:inline-flex;align-items:center;gap:5px;font-size:clamp(9px,1.1vw,10.5px);color:#5a5a72;letter-spacing:.04em;font-weight:400;background:rgba(255,255,255,.6);padding:5px 12px;border-radius:12px;border:1.5px solid #d5d5e0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.gdpr-shield{width:13px;height:15px;flex-shrink:0;fill:#5a5a72}@media(max-width:600px){.decor-panel--pink{width:44vw;height:18vh;top:2vh;left:-8vw}.decor-panel--seafoam{width:40vw;height:16vh;bottom:3vh;right:-6vw}.decor-panel--yellow{width:30vw;height:10vh;top:32vh;right:-10vw;opacity:.42}.decor-panel--accent{width:34vw;height:12vh;bottom:22vh;left:-10vw;opacity:.38}.main-stage{width:95vw;border-width:3px;box-shadow:4px 5px 0 #1a1a2e,0 20px 40px rgba(26,26,46,.1);border-radius:3px 12px 3px 10px;padding:14px 12px 16px}.cta-btn{border-width:3px;box-shadow:4px 5px 0 #1a1a2e,0 0 0 2px #e8325c;border-radius:4px 14px 4px 12px}.cta-btn:hover{box-shadow:2px 2px 0 #1a1a2e,0 0 0 2px #c9204a}}@media(max-width:380px){.main-stage{width:97vw;padding:10px 8px 12px;gap:6px;border-radius:2px 10px 2px 8px}h1{font-size:1.3rem}.desc{font-size:.8rem}.cta-btn{font-size:.88rem;padding:10px 20px}.decor-panel--pink,.decor-panel--seafoam,.decor-panel--yellow,.decor-panel--accent{opacity:.28}}