*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#F8F9FC;color:#1A1D26}.page{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:100vw;overflow:hidden;position:relative;background:linear-gradient(180deg,#F8F9FC 0,#EDF0F7 100%)}.header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,2vh,20px) clamp(16px,3vw,32px);background:transparent;z-index:10}.logo{height:clamp(28px,5vw,40px);width:auto;display:block}.logo img{height:100%;width:auto;display:block}.trust-tag{background:#FFF;border:1px solid #E2E6F0;border-radius:100px;padding:6px 14px;font-size:clamp(11px,1.8vw,13px);font-weight:700;color:#0A5BFF;letter-spacing:-0.2px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(0,0,0,0.03)}.trust-tag .dot{width:8px;height:8px;background:#16C47F;border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(16px,3vw,32px) clamp(16px,4vw,40px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:clamp(100px,18vh,140px)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(10,91,255,0.08);border-radius:100px;padding:8px 18px;margin-bottom:clamp(16px,3vh,24px);font-size:clamp(12px,2vw,14px);font-weight:700;color:#0A5BFF;letter-spacing:.2px}.hero-badge svg{width:16px;height:16px;flex-shrink:0}.h1{font-size:clamp(28px,7vw,48px);font-weight:700;line-height:1.15;letter-spacing:-1.2px;color:#0D1421;max-width:800px;margin-bottom:clamp(10px,1.8vh,16px)}.highlight{color:#0A5BFF;position:relative;display:inline-block}.highlight::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:clamp(8px,2vw,12px);background:rgba(22,196,127,0.25);border-radius:4px;z-index:-1}.sub{font-size:clamp(16px,3vw,20px);color:#4A5162;max-width:600px;margin-bottom:clamp(20px,3.5vh,28px);line-height:1.4;font-weight:400}.badge-grid{display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,12px);justify-content:center;margin-bottom:clamp(24px,4vh,36px);width:100%;max-width:700px}.badge{background:#FFF;border:1px solid #E2E6F0;border-radius:100px;padding:10px 18px;font-size:clamp(12px,2vw,14px);font-weight:700;color:#1A1D26;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 6px rgba(0,0,0,0.02);white-space:nowrap}.badge svg{width:18px;height:18px;flex-shrink:0;color:#0A5BFF}.result-area{width:100%;max-width:500px;margin:0 auto clamp(16px,2vh,24px);position:relative}.skeleton{background:#FFF;border-radius:20px;padding:clamp(20px,3vw,28px);box-shadow:0 8px 30px rgba(0,0,0,0.04);display:none;flex-direction:column;gap:12px;align-items:center;transition:opacity .3s}.skeleton.active{display:flex}.skeleton-line{height:14px;background:#E2E6F0;border-radius:10px;width:100%;animation:shimmer 1.2s infinite}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-btn{height:50px;background:#E2E6F0;border-radius:100px;width:100%;margin-top:8px;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}.skeleton-line,.skeleton-btn{background:linear-gradient(90deg,#E2E6F0 25%,#F0F2F8 50%,#E2E6F0 75%);background-size:800px 100%}.cta-wrapper{width:100%;max-width:500px;display:none;flex-direction:column;align-items:center;gap:10px;animation:fadeInUp .35s ease-out}.cta-wrapper.visible{display:flex}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:clamp(16px,2.5vh,20px) clamp(20px,4vw,32px);background:#0A5BFF;color:#FFF;border:none;border-radius:100px;font-size:clamp(16px,3.2vw,20px);font-weight:700;letter-spacing:-0.3px;cursor:pointer;text-decoration:none;box-shadow:0 8px 28px rgba(10,91,255,0.30);transition:box-shadow .2s,transform .2s;text-align:center;line-height:1.2}.cta-btn:focus-visible{outline:3px solid #0A5BFF;outline-offset:3px;box-shadow:0 0 0 6px rgba(10,91,255,0.15)}.cta-btn:hover{box-shadow:0 12px 32px rgba(10,91,255,0.40);transform:translateY(-1px)}.cta-btn:active{transform:translateY(1px);box-shadow:0 4px 16px rgba(10,91,255,0.30)}.micro-copy{font-size:clamp(11px,1.8vw,13px);color:#4A5162;font-weight:400;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.micro-copy .sep{width:3px;height:3px;background:#C4CAD4;border-radius:50%}.sticky-bar{position:absolute;bottom:0;left:0;right:0;background:#FFF;border-top:1px solid #E2E6F0;padding:10px clamp(16px,3vw,24px);display:flex;align-items:center;justify-content:space-between;z-index:20;box-shadow:0 -4px 16px rgba(0,0,0,0.03);flex-wrap:wrap;gap:8px}.sticky-left{display:flex;align-items:center;gap:10px;font-size:clamp(11px,1.8vw,13px);font-weight:700;color:#1A1D26}.live-dot{width:10px;height:10px;background:#16C47F;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}.sticky-right{font-size:clamp(10px,1.6vw,12px);color:#4A5162;font-weight:400;display:flex;align-items:center;gap:6px}.sticky-right svg{width:14px;height:14px;color:#16C47F;flex-shrink:0}.footer{display:none}@media(min-width:768px){.badge-grid{gap:14px}.cta-btn{font-size:20px}}@media(max-width:380px){.badge{padding:8px 12px;font-size:11px}.badge svg{width:14px;height:14px}.sticky-bar{flex-direction:column;text-align:center;gap:4px}}