*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;overflow:hidden;background:#fff;color:#000}body{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,215,0,.15) 0,rgba(255,140,0,.08) 100%);font-family:'Fredoka',sans-serif}.top-bar{position:fixed;top:0;left:0;width:100%;background:#ef4444;border-bottom:3px solid #000;color:#fff;text-align:center;padding:10px;font-weight:700;font-size:clamp(13px,3vw,16px);z-index:50;box-shadow:0 4px 12px rgba(239,68,68,.3)}.card{background:#fff;border:3px solid #000;border-radius:32px;box-shadow:0 12px 0 #000;width:92%;max-width:580px;padding:clamp(24px,5vw,48px);text-align:center;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}.status{display:inline-flex;align-items:center;gap:8px;background:#f4f4f5;border:2px solid #000;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;margin-bottom:24px;cursor:pointer;transition:all .3s;box-shadow:0 3px 0 #000}.status:hover{background:#dcfce7;border-color:#16a34a;color:#16a34a;transform:translateY(1px);box-shadow:0 2px 0 #16a34a}.dot{width:8px;height:8px;background:#10b981;border-radius:50%;transition:all .3s;border:1px solid #047857}.status:hover .dot{background:#16a34a;box-shadow:0 0 10px #16a34a;border-color:#16a34a}.logo-wrap{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,32px);margin-bottom:24px;width:100%}.logo{height:clamp(48px,8vw,72px);width:auto;filter:drop-shadow(0 4px 0 #000)}.icon{font-size:clamp(40px,8vw,56px);filter:drop-shadow(0 4px 0 #000);transform:rotate(-12deg);user-select:none}.icon:last-child{transform:rotate(12deg)}h1{font-size:clamp(24px,5vw,36px);font-weight:700;line-height:1.1;margin-bottom:16px;text-transform:uppercase;letter-spacing:-.5px;color:#000;text-shadow:1px 1px 0 rgba(0,0,0,.1)}p{font-size:clamp(15px,3vw,18px);color:#374151;margin-bottom:36px;line-height:1.5;font-weight:400}p strong{color:#000;font-weight:700}.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#FFE03D 0,#F59E0B 100%);color:#000;text-decoration:none;font-weight:700;font-size:clamp(16px,4vw,22px);padding:20px 32px;border-radius:40px;border:3px solid #000;box-shadow:0 8px 0 #000,0 0 0 0 rgba(245,158,11,.6);transition:all .1s;animation:pulse 2s infinite;width:100%;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.5);outline:none;cursor:pointer}.cta:hover{animation:vibrate .15s linear infinite;transform:translateY(2px);box-shadow:0 6px 0 #000,0 10px 20px rgba(245,158,11,.5)}@keyframes pulse{0%{box-shadow:0 8px 0 #000,0 0 0 0 rgba(245,158,11,.6)}70%{box-shadow:0 8px 0 #000,0 0 0 15px rgba(245,158,11,0)}100%{box-shadow:0 8px 0 #000,0 0 0 0 rgba(245,158,11,0)}}@keyframes vibrate{0%,100%{transform:translate(0,2px)}25%{transform:translate(-1px,3px)}50%{transform:translate(1px,1px)}75%{transform:translate(-1px,1px)}}.icon-wrap{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.icon-wrap svg{position:absolute;width:28px;height:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.check{opacity:0;transform:scale(.5) rotate(-45deg);color:#16a34a;filter:drop-shadow(0 1px 0 #000)}.padlock{filter:drop-shadow(0 1px 0 #000)}.cta:hover .padlock{opacity:0;transform:scale(.5) rotate(45deg)}.cta:hover .check{opacity:1;transform:scale(1) rotate(0)}.ticker{position:fixed;bottom:24px;left:24px;background:#fff;border:3px solid #000;border-radius:20px;padding:10px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 0 #000;z-index:20;animation:slideUp 4s infinite;opacity:0}@keyframes slideUp{0%,10%{transform:translateY(120px);opacity:0}15%,85%{transform:translateY(0);opacity:1}90%,100%{transform:translateY(120px);opacity:0}}.t-img{font-size:28px;filter:drop-shadow(0 2px 0 #000)}.t-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.t-name{font-size:13px;font-weight:700;color:#6b7280;display:flex;align-items:center;gap:6px}.t-item{font-size:15px;font-weight:700;color:#000}.footer{position:fixed;bottom:16px;width:100%;text-align:center;font-size:12px;color:#9ca3af;z-index:5;padding:0 20px}@media(max-height:700px){.card{padding:20px;transform:scale(.9)}.ticker{bottom:12px;left:12px;padding:8px 12px}.t-img{font-size:20px}.icon{font-size:36px}.logo{height:40px}h1{font-size:24px}p{margin-bottom:20px}}@media(max-width:480px){.ticker{left:50%;transform:translateX(-50%) translateY(120px);animation:slideUpMob 4s infinite}@keyframes slideUpMob{0%,10%{transform:translateX(-50%) translateY(120px);opacity:0}15%,85%{transform:translateX(-50%) translateY(0);opacity:1}90%,100%{transform:translateX(-50%) translateY(120px);opacity:0}}}