*{margin:0;padding:0;box-sizing:border-box}body{background-color:#212121;color:#fff;font-family:'Roboto',sans-serif;height:100vh;overflow:hidden;display:flex;flex-direction:column;position:relative}header,footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:absolute;width:100%;z-index:20}header{top:0}footer{bottom:0;font-size:.8rem;color:#aaa}.logo img{max-height:32px}.latency{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#aaa;background:rgba(255,255,255,.05);padding:6px 12px;border-radius:20px;backdrop-filter:blur(4px)}.dot{width:8px;height:8px;background-color:#00E676;border-radius:50%;animation:blink 1.5s infinite alternate}@keyframes blink{0%{opacity:.3;box-shadow:0 0 0 transparent}100%{opacity:1;box-shadow:0 0 8px #00E676}}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem;z-index:10;position:relative}h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.1;letter-spacing:-1px;margin-bottom:1rem;color:#fff;max-width:900px}h1 span{color:#F00}.copy{font-size:clamp(1rem,2vw,1.25rem);color:#ccc;max-width:700px;line-height:1.6;margin-bottom:2.5rem}.copy strong{color:#fff;font-weight:400}.badge{display:inline-block;background:rgba(255,0,0,.1);color:#F00;border:1px solid rgba(255,0,0,.3);padding:6px 16px;border-radius:30px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;animation:pulse-scale 2s infinite}@keyframes pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 15px rgba(255,0,0,.2)}}.cta{display:inline-flex;align-items:center;gap:12px;background-color:#F00;color:#fff;text-decoration:none;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;padding:1.2rem 3rem;border-radius:4px;transition:all .3s ease;position:relative;overflow:hidden}.cta:hover{transform:scale(1.03);box-shadow:0 10px 40px rgba(255,0,0,.4)}.cta svg{width:28px;height:28px;transition:all .3s}.icon-check{position:absolute;opacity:0;transform:scale(.5)}.cta:hover .icon-lock{opacity:0;transform:scale(.5)}.cta:hover .icon-check{opacity:1;transform:scale(1);position:static}.kws{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:3rem;opacity:.6}.kw{font-size:.85rem;background:rgba(255,255,255,.05);padding:4px 12px;border-radius:4px;color:#aaa}.skeleton-bg{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:120px 40px;opacity:0;pointer-events:none;animation:fade-in 2s ease forwards .5s}@keyframes fade-in{to{opacity:.15}}.skel-card{display:flex;flex-direction:column;gap:10px}.skel-thumb{width:100%;aspect-ratio:16/9;border-radius:8px}.skel-line{height:12px;border-radius:4px;width:80%}.skel-line.short{width:50%}.shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.typing-container{display:flex;align-items:center;gap:8px}.type-cursor{display:inline-block;width:2px;height:12px;background:#fff;animation:blink-caret .75s step-end infinite}@keyframes blink-caret{from,to{opacity:1}50%{opacity:0}}@media(max-width:768px){header,footer{padding:1rem}footer{flex-direction:column;gap:10px;text-align:center}.skeleton-bg{padding:80px 20px}}