*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;width:100vw;overflow:hidden;font-family:'Poppins',sans-serif;background:linear-gradient(135deg,#fdfdfd 0,#f0f0f0 100%);color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center}#skel{position:fixed;inset:0;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.skel-box{width:clamp(280px,80vw,500px);height:clamp(300px,60vh,400px);background:#f9f9f9;border-radius:32px;animation:p 1.5s infinite ease-in-out;display:flex;align-items:center;justify-content:center;font-weight:700;color:#ccc;font-size:1.2rem}@keyframes p{0%,100%{opacity:.5}50%{opacity:1}}.pill{position:absolute;top:20px;background:#fff;border:1px solid #ffe5e5;color:#c00;padding:8px 16px;border-radius:50px;font-weight:700;font-size:clamp(.75rem,2vw,.9rem);box-shadow:0 4px 10px rgba(204,0,0,.1);z-index:10;display:flex;gap:8px;align-items:center}main{position:relative;width:clamp(300px,90vw,600px);background:#fff;padding:clamp(1.2rem,4vh,3rem) clamp(1.2rem,5vw,3rem);border-radius:32px;box-shadow:0 20px 40px rgba(0,0,0,.08);text-align:center;border:2px solid #fff;outline:1px solid rgba(204,0,0,.05);display:flex;flex-direction:column;gap:clamp(.8rem,2vh,1.5rem);z-index:5}.logo{max-width:clamp(100px,25vw,140px);margin:0 auto;display:block}h1{font-size:clamp(1.5rem,4.5vw,2.5rem);font-weight:700;color:#111;line-height:1.1;position:relative}h1.g::before,h1.g::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}h1.g::before{left:2px;text-shadow:-2px 0 #c00;animation:gl .3s cubic-bezier(.25,.46,.45,.94) both infinite}h1.g::after{left:-2px;text-shadow:-2px 0 #00f;animation:gl .3s cubic-bezier(.25,.46,.45,.94) both infinite reverse}@keyframes gl{0%{clip:rect(10px,9999px,31px,0)}20%{clip:rect(62px,9999px,14px,0)}40%{clip:rect(34px,9999px,73px,0)}60%{clip:rect(81px,9999px,92px,0)}80%{clip:rect(56px,9999px,4px,0)}100%{clip:rect(15px,9999px,88px,0)}}.copy{font-size:clamp(.85rem,2.2vw,1.1rem);color:#555}.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.badge{background:#fdfdfd;border:1px solid #eee;padding:6px 12px;border-radius:20px;font-size:clamp(.7rem,1.8vw,.8rem);font-weight:700;display:flex;align-items:center;gap:6px;color:#444}.badge svg{width:14px;height:14px;fill:#10b981}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#c00;color:#fff;padding:clamp(.8rem,2.5vh,1.25rem);font-size:clamp(.9rem,2.5vw,1.3rem);font-weight:700;text-decoration:none;border-radius:16px;box-shadow:0 10px 20px rgba(204,0,0,.3);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.cta:hover{transform:translateY(-2px);box-shadow:0 15px 25px rgba(204,0,0,.4)}.cta:active{transform:translateY(1px);box-shadow:0 5px 10px rgba(204,0,0,.3)}.cta::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-20deg);animation:sh 3s infinite}@keyframes sh{100%{left:200%}}.pad{display:inline-flex;align-items:center;justify-content:center;position:relative}.pad svg{width:16px;height:16px;fill:#fff}.pad::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,255,255,.5);border-radius:50%;animation:pp 2s infinite;z-index:-1}@keyframes pp{0%{transform:scale(1);opacity:1}100%{transform:scale(2.5);opacity:0}}.ticker{font-size:clamp(.65rem,1.5vw,.8rem);color:#888;min-height:1.2rem;transition:opacity .3s ease}footer{position:absolute;bottom:10px;text-align:center;font-size:clamp(.6rem,1.2vw,.75rem);color:#aaa;width:90vw;max-width:600px;line-height:1.4}