*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0f172a;--navy-light:#1e293b;--emerald:#047857;--emerald-light:#059669;--emerald-bg:#ecfdf5;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--shadow-sm:0 1px 2px rgba(15,23,42,.04);--shadow-md:0 1px 3px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.04);--shadow-lg:0 2px 8px rgba(15,23,42,.07),0 8px 24px rgba(15,23,42,.05);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}html,body{height:100vh;overflow:hidden;font-family:var(--font);background:linear-gradient(180deg,#fff 0,#fafbfc 40%,#fff 100%);color:var(--navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column}.countdown-bar{flex-shrink:0;background:var(--navy);color:#fff;text-align:center;padding:7px 12px;font-size:clamp(11px,1.6vw,13px);font-weight:700;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;gap:8px;z-index:10}.countdown-bar .live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.countdown-bar .timer-digits{font-variant-numeric:tabular-nums;min-width:36px;display:inline-block;text-align:center;color:#fbbf24}.main-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(8px,2vh,16px) clamp(14px,4vw,24px) clamp(6px,1.5vh,12px);gap:clamp(4px,1vh,10px);overflow:hidden;max-height:100%}.logo-row{flex-shrink:0;text-align:center}.logo-row img{height:clamp(22px,3.5vw,32px);width:auto;display:block;margin:0 auto}.hero-section{flex-shrink:0;text-align:center;max-width:640px;width:100%}.hero-section h1{font-size:clamp(1.35rem,4.5vw,2.6rem);font-weight:700;color:var(--navy);line-height:1.2;letter-spacing:-.02em;margin-bottom:clamp(4px,.8vh,8px)}.hero-section h1 .emerald-accent{color:var(--emerald);position:relative}.hero-section .hero-sub{font-size:clamp(.85rem,2vw,1.05rem);color:var(--gray-600);line-height:1.4;max-width:460px;margin:0 auto clamp(6px,1.2vh,12px)}.cta-block{flex-shrink:0;width:100%;max-width:560px;text-align:center}.cta-btn-wrap{position:relative;display:inline-block;width:100%}.cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:clamp(13px,2.2vh,17px) clamp(18px,4vw,28px);background:var(--emerald);color:#fff;font-size:clamp(1rem,2.6vw,1.25rem);font-weight:700;font-family:var(--font);border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;letter-spacing:.01em;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 6px rgba(4,120,87,.25),0 8px 22px rgba(4,120,87,.14);position:relative;z-index:1}.cta-btn:hover{background:var(--emerald-light);transform:translateY(-1px);box-shadow:0 4px 10px rgba(4,120,87,.3),0 10px 28px rgba(4,120,87,.18)}.cta-btn:focus-visible{outline:3px solid #0f172a;outline-offset:3px}.cta-btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(4,120,87,.2)}.secure-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;padding:5px 12px;font-size:clamp(10px,1.5vw,12px);font-weight:700;color:#047857;white-space:nowrap;animation:badge-pulse 2s ease-in-out infinite;position:relative;z-index:2;margin-left:-6px}@keyframes badge-pulse{0%,100%{box-shadow:0 0 0 0 rgba(4,120,87,.25)}50%{box-shadow:0 0 0 8px rgba(4,120,87,0)}}.secure-badge .padlock-svg{width:14px;height:14px;flex-shrink:0}.cta-trust-line{font-size:clamp(10px,1.5vw,12px);color:var(--gray-500);margin-top:6px;letter-spacing:.02em}.activity-ticker{flex-shrink:0;font-size:clamp(10px,1.4vw,11.5px);color:var(--gray-500);text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;opacity:.85}.activity-ticker .ticker-dot{width:5px;height:5px;border-radius:50%;background:#10b981;flex-shrink:0}.trust-bullets{flex-shrink:0;display:flex;gap:clamp(8px,2vw,16px);justify-content:center;flex-wrap:wrap;max-width:560px;width:100%}.trust-bullet{display:flex;align-items:center;gap:6px;font-size:clamp(11px,1.6vw,13px);font-weight:600;color:var(--navy-light);background:var(--gray-50);border-radius:24px;padding:7px 14px;box-shadow:var(--shadow-sm);white-space:nowrap}.trust-bullet .bullet-icon{width:16px;height:16px;flex-shrink:0;color:var(--emerald)}.score-preview-card{flex-shrink:0;width:100%;max-width:480px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:clamp(14px,2.5vh,20px) clamp(14px,3vw,20px);position:relative;overflow:hidden;border:1px solid var(--gray-200);min-height:clamp(80px,13vh,110px)}.score-preview-card .chart-motif{position:absolute;top:8px;right:16px;opacity:.12;pointer-events:none}.score-preview-card .chart-motif svg{width:clamp(50px,10vw,72px);height:auto}.skeleton-layer{position:absolute;inset:0;padding:clamp(14px,2.5vh,20px) clamp(14px,3vw,20px);display:flex;flex-direction:column;gap:10px;z-index:2;background:var(--white);border-radius:var(--radius-lg);transition:opacity .35s ease}.skeleton-layer.fade-out{opacity:0;pointer-events:none}.sk-block{border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.sk-block.wide{width:55%;height:18px}.sk-block.medium{width:38%;height:14px}.sk-block.narrow{width:70%;height:8px}.sk-block.xnarrow{width:50%;height:8px}.blurred-content{display:flex;flex-direction:column;gap:8px;filter:blur(6px);-webkit-filter:blur(6px);user-select:none;-webkit-user-select:none;transition:filter .5s ease}.blurred-content .score-num{font-size:clamp(2rem,5vw,2.8rem);font-weight:700;color:var(--emerald);line-height:1}.blurred-content .score-label{font-size:clamp(.8rem,1.8vw,.95rem);font-weight:600;color:var(--navy)}.blurred-content .factor-bars{display:flex;gap:6px;flex-wrap:wrap}.blurred-content .factor-bar{height:6px;border-radius:3px;flex:1;min-width:40px}.factor-bar.f1{background:#10b981;flex:3}.factor-bar.f2{background:#f59e0b;flex:2}.factor-bar.f3{background:#ef4444;flex:1.5}.factor-bar.f4{background:#8b5cf6;flex:1}.site-footer{flex-shrink:0;text-align:center;font-size:clamp(9px,1.3vw,11px);color:var(--gray-400);padding:4px 0 2px;letter-spacing:.02em}.site-footer a{color:var(--gray-400);text-decoration:none;margin:0 6px}.site-footer a:hover{color:var(--gray-600)}@media(min-width:768px){.main-wrap{gap:clamp(8px,1.6vh,16px);padding:clamp(12px,2.5vh,20px) clamp(20px,5vw,32px) clamp(8px,1.5vh,14px)}.trust-bullets{gap:14px}.score-preview-card{min-height:clamp(90px,14vh,120px)}}@media(max-height:620px){.main-wrap{gap:2px;padding:4px 10px 2px}.hero-section h1{margin-bottom:2px}.hero-section .hero-sub{margin-bottom:3px}.cta-trust-line{margin-top:2px}.trust-bullets{gap:4px}.trust-bullet{padding:4px 10px;font-size:10px}.score-preview-card{min-height:60px;padding:8px 10px}.skeleton-layer{padding:8px 10px;gap:5px}.sk-block.wide{height:12px}.sk-block.medium{height:10px}.sk-block.narrow,.sk-block.xnarrow{height:5px}.blurred-content .score-num{font-size:1.4rem}.blurred-content .score-label{font-size:.7rem}.blurred-content .factor-bar{height:4px}.cta-btn{padding:10px 14px;font-size:.9rem}}