:root{--c-cyan:#25F4EE;--c-pink:#FE2C55;--bg:#0a0a0c;--c-card:rgba(20,20,22,0.85);--c-grid:rgba(255,255,255,0.04);--c-text:#f0f0f0;--z-bar:50;--z-cta:100;--z-modal:10}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;min-height:100dvh;overflow:hidden;background-color:var(--bg);font-family:'Inter',sans-serif;color:var(--c-text);display:flex;align-items:center;justify-content:center}body::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--c-grid) 1px,transparent 1px),linear-gradient(90deg,var(--c-grid) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none}.top-bar{position:fixed;top:0;left:0;width:100%;background:rgba(254,44,85,0.15);border-bottom:1px solid rgba(254,44,85,0.3);color:#fff;text-align:center;padding:max(10px,env(safe-area-inset-top)) 10px 10px;font-size:clamp(0.75rem,2.5vw,0.9rem);font-weight:700;z-index:var(--z-bar);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:.5px;display:flex;justify-content:center;gap:6px}.top-bar span{color:var(--c-cyan);text-shadow:0 0 8px rgba(37,244,238,0.5)}.ping{position:fixed;top:calc(max(10px,env(safe-area-inset-top))+35px);right:15px;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.1);padding:5px 12px;border-radius:20px;font-size:11px;color:#ccc;display:flex;align-items:center;gap:6px;z-index:var(--z-bar);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .3s ease}.ping::before{content:"";width:8px;height:8px;background:var(--c-cyan);border-radius:50%;box-shadow:0 0 8px var(--c-cyan);animation:blink 2s infinite}.card{position:relative;z-index:var(--z-modal);background:var(--c-card);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2.5rem;max-width:92%;width:580px;text-align:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 25px 60px rgba(0,0,0,0.7),inset 0 0 25px rgba(37,244,238,0.03);display:flex;flex-direction:column;align-items:center;transform:translateY(-6vh);max-height:calc(100dvh - 160px);overflow-y:auto}.card::-webkit-scrollbar{width:4px}.card::-webkit-scrollbar-track{background:transparent}.card::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px}.card img{width:90px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 0 15px rgba(255,255,255,0.2))}.card h1{font-size:clamp(1.4rem,4.5vw,2rem);font-weight:700;line-height:1.2;margin-bottom:1.2rem;background:linear-gradient(135deg,#fff 40%,var(--c-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(37,244,238,0.2)}.card p{font-size:clamp(0.9rem,3vw,1.05rem);line-height:1.6;color:#aaa;margin-bottom:1.5rem}.ticker-wrap{width:100%;overflow:hidden;background:rgba(0,0,0,0.5);border-radius:10px;padding:10px 0;margin-bottom:1.5rem;position:relative;border:1px solid rgba(37,244,238,0.15);box-shadow:inset 0 0 10px rgba(0,0,0,0.5)}.ticker{display:inline-block;white-space:nowrap;font-size:.85rem;color:var(--c-cyan);animation:scroll 18s linear infinite;padding-left:100%}.ticker span{font-weight:700;color:#fff}.cta-wrap{position:fixed;bottom:0;left:0;width:100%;z-index:var(--z-cta);background:linear-gradient(to top,var(--bg) 50%,transparent);padding:1.5rem 1rem calc(1.5rem+env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}.cta{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:650px;background:linear-gradient(90deg,var(--c-cyan),var(--c-pink),var(--c-cyan));background-size:200% 200%;padding:4px;border-radius:14px;text-decoration:none;animation:pulse-border 3s infinite,gradient-shift 5s ease infinite;transition:transform .2s,filter .2s;box-shadow:0 10px 30px rgba(0,0,0,0.5)}.cta-inner{display:flex;align-items:center;justify-content:center;gap:14px;background:#0d0d0f;width:100%;height:100%;padding:1.25rem 1rem;border-radius:11px;transition:background .3s,transform .2s}.cta:hover{transform:translateY(-3px);filter:brightness(1.1)}.cta:active{transform:translateY(1px)}.cta:hover .cta-inner{background:#141417}.cta-text,.hover-text{font-size:clamp(1rem,3.5vw,1.25rem);font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.hover-text{display:none;color:var(--c-cyan);text-shadow:0 0 10px rgba(37,244,238,0.4)}.cta:hover .cta-text{display:none}.cta:hover .hover-text{display:block}.icon{width:24px;height:24px;fill:var(--c-cyan);filter:drop-shadow(0 0 5px rgba(37,244,238,0.5))}.icon-solid{display:none}.cta:hover .icon-outline{display:none}.cta:hover .icon-solid{display:block}@keyframes blink{0%,100%{opacity:.4}50%{opacity:1;box-shadow:0 0 12px var(--c-cyan)}}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes pulse-border{0%,100%{box-shadow:0 0 15px rgba(37,244,238,0.4),0 0 15px rgba(254,44,85,0.4)}50%{box-shadow:0 0 35px rgba(37,244,238,0.7),0 0 35px rgba(254,44,85,0.7)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media(max-width:768px){.ping{top:calc(max(10px,env(safe-area-inset-top))+45px);right:10px;bottom:auto;transform:none;font-size:10px;padding:4px 10px;background:rgba(0,0,0,0.8);border:1px solid rgba(37,244,238,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.5)}.card{width:95%;padding:2rem 1.2rem;transform:translateY(-8vh);max-height:calc(100dvh - 200px)}.cta-inner{padding:1rem .5rem}.cta-text,.hover-text{font-size:1.05rem}.cta-wrap{background:linear-gradient(to top,var(--bg) 80%,transparent);padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media(max-height:650px){.card{transform:translateY(0);margin-top:60px;margin-bottom:100px;padding:1.2rem;max-height:calc(100dvh - 180px)}.ping{top:auto;bottom:calc(95px+env(safe-area-inset-bottom));right:10px}.card h1{font-size:1.3rem;margin-bottom:.8rem}.card p{margin-bottom:1rem;font-size:.85rem}.card img{width:60px;margin-bottom:.8rem}.ticker-wrap{margin-bottom:1rem;padding:6px 0}}