*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100vh;height:100dvh;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;height:100vh;height:100dvh;overflow:hidden;background:#fff;color:#1a1a1a;display:flex;flex-direction:column;font-weight:400;line-height:1.3;position:relative}.countdown-bar{flex:0 0 auto;background:#1a1a1a;color:#fffc00;text-align:center;padding:6px 12px;font-size:clamp(11px,1.6vw,13px);font-weight:700;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:8px;z-index:10;position:relative;min-height:28px}.countdown-bar .timer-icon{display:inline-block;width:10px;height:10px;border-radius:50%;background:#f44;animation:countPulse .8s ease-in-out infinite}@keyframes countPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.countdown-bar .time-display{font-variant-numeric:tabular-nums;font-family:'Inter',monospace;letter-spacing:.06em;min-width:38px;text-align:center}.countdown-bar .urgency-label{color:#fff;font-weight:400;font-size:clamp(10px,1.4vw,11px);opacity:.85}.main-content{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(8px,2vw,16px) clamp(12px,3vw,24px);overflow:hidden;gap:clamp(4px,1vw,10px);min-height:0}.header-row{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:480px}.header-row .logo-img{height:clamp(28px,5vw,40px);width:auto;flex-shrink:0}.safety-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:#f0faf4;border:1px solid #c8e6c9;border-radius:20px;padding:5px 12px;font-size:clamp(10px,1.5vw,12px);font-weight:700;color:#1b5e20;white-space:nowrap;animation:badgeGlow 2.5s ease-in-out infinite}@keyframes badgeGlow{0%,100%{box-shadow:0 0 0 0 rgba(0,200,83,.25)}50%{box-shadow:0 0 0 8px rgba(0,200,83,0)}}.safety-badge .padlock-svg{width:14px;height:14px;flex-shrink:0;animation:padlockPulse 1.5s ease-in-out infinite}@keyframes padlockPulse{0%,100%{transform:scale(1)}30%{transform:scale(1.2)}60%{transform:scale(1)}}.safety-badge .live-dot{width:7px;height:7px;border-radius:50%;background:#00c853;animation:liveDotPulse 1s ease-in-out infinite;flex-shrink:0}@keyframes liveDotPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(0,200,83,.7)}50%{opacity:.5;box-shadow:0 0 0 6px rgba(0,200,83,0)}}.h1-area{flex:0 0 auto;text-align:center;width:100%;max-width:520px}.h1-area h1{font-size:clamp(18px,4.5vw,28px);font-weight:700;color:#1a1a1a;line-height:1.2;letter-spacing:-.02em;margin:0}.h1-area .sub-h1{font-size:clamp(11px,1.8vw,14px);color:#555;font-weight:400;margin-top:2px;letter-spacing:.01em}.ticker-row{flex:0 0 auto;font-size:clamp(10px,1.4vw,12px);color:#777;display:flex;align-items:center;gap:6px;letter-spacing:.02em}.ticker-row .ticker-dot{width:6px;height:6px;border-radius:50%;background:#fffc00;animation:tickerBlink 2s ease-in-out infinite;flex-shrink:0}@keyframes tickerBlink{0%,100%{opacity:1}50%{opacity:.2}}.ticker-row .ticker-count{font-weight:700;color:#1a1a1a}.cards-grid{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,1.5vw,10px);width:100%;max-width:520px}@media(min-width:420px){.cards-grid{grid-template-columns:1fr 1fr}}.info-card{position:relative;background:#fafafa;border:1px solid #e8e8e8;border-radius:14px;padding:clamp(8px,2vw,14px);min-height:60px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .3s,transform .3s}.info-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-1px)}.info-card .card-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0 50%,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite,skeletonFadeOut .5s ease forwards;animation-delay:0s,1.4s;border-radius:14px;z-index:2;pointer-events:none}.info-card:nth-child(2) .card-skeleton{animation-delay:0s,1.7s}.info-card:nth-child(3) .card-skeleton{animation-delay:0s,2s}.info-card:nth-child(4) .card-skeleton{animation-delay:0s,2.3s}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes skeletonFadeOut{0%{opacity:1}100%{opacity:0;visibility:hidden}}.info-card .card-content{position:relative;z-index:1;animation:contentFadeIn .5s ease forwards;animation-delay:1.5s;opacity:0}.info-card:nth-child(2) .card-content{animation-delay:1.8s}.info-card:nth-child(3) .card-content{animation-delay:2.1s}.info-card:nth-child(4) .card-content{animation-delay:2.4s}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}.info-card .card-label{display:inline-block;font-size:clamp(9px,1.3vw,11px);font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:6px;margin-bottom:4px;text-transform:uppercase}.info-card .card-label.warn{background:#fff8e1;color:#e65100}.info-card .card-label.info{background:#e3f2fd;color:#0d47a1}.info-card .card-label.alert{background:#fff3e0;color:#bf360c}.info-card .card-label.neutral{background:#f5f5f5;color:#333}.info-card .card-question{font-size:clamp(10px,1.5vw,12px);font-weight:700;color:#1a1a1a;margin-bottom:2px;line-height:1.2}.info-card .card-answer{font-size:clamp(9px,1.3vw,11px);color:#555;line-height:1.3}.cta-section{flex:0 0 auto;width:100%;max-width:520px;text-align:center;background:#fffc00;border-radius:20px;padding:clamp(14px,3vw,22px) clamp(16px,4vw,28px);box-shadow:0 8px 32px rgba(255,252,0,.35),0 2px 8px rgba(0,0,0,.08);position:relative;animation:ctaGlow 3s ease-in-out infinite;transition:transform .2s,box-shadow .2s}@keyframes ctaGlow{0%,100%{box-shadow:0 8px 32px rgba(255,252,0,.35),0 2px 8px rgba(0,0,0,.08)}50%{box-shadow:0 12px 40px rgba(255,252,0,.5),0 4px 16px rgba(0,0,0,.12)}}.cta-section:hover{transform:scale(1.02);box-shadow:0 14px 44px rgba(255,252,0,.55),0 4px 20px rgba(0,0,0,.14)}.cta-section .cta-button{display:block;width:100%;background:#1a1a1a;color:#fffc00;font-size:clamp(16px,4vw,24px);font-weight:700;letter-spacing:-.01em;text-decoration:none;padding:clamp(14px,3vw,20px) clamp(16px,3vw,24px);border-radius:14px;cursor:pointer;border:none;outline:none;transition:background .2s,transform .2s,box-shadow .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.cta-section .cta-button:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px;box-shadow:0 0 0 6px rgba(26,26,26,.15)}.cta-section .cta-button:active{transform:scale(.97);background:#2d2d2d}.cta-section .cta-button .arrow-icon{display:inline-block;transition:transform .2s;font-size:clamp(18px,4.5vw,26px)}.cta-section .cta-button:hover .arrow-icon{transform:translateX(3px)}.cta-section .cta-subtext{font-size:clamp(10px,1.5vw,13px);color:#1a1a1a;font-weight:700;letter-spacing:.02em;margin-top:8px;opacity:.85}.footer-row{flex:0 0 auto;text-align:center;font-size:clamp(9px,1.2vw,11px);color:#999;letter-spacing:.02em;padding:2px 0}@media(max-width:374px){.cards-grid{grid-template-columns:1fr 1fr;gap:4px}.info-card{padding:6px 8px;border-radius:10px;min-height:48px}.cta-section{border-radius:14px;padding:10px 14px}.cta-section .cta-button{border-radius:10px;padding:10px 14px}}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(4,1fr);max-width:640px}.main-content{padding:clamp(12px,2.5vw,24px) clamp(20px,5vw,40px);gap:clamp(6px,1.5vw,14px)}.cta-section{max-width:560px}}@media(min-width:1024px){.main-content{max-width:700px;margin:0 auto}.cards-grid{max-width:680px}.cta-section{max-width:600px}}