*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#F7F7F4;--text:#111;--accent:#0A84FF;--accent-hover:#0070E0;--card-bg:#FFF;--muted:#6E6E73;--border-subtle:#E5E5E0;--green-dot:#34C759;--skeleton-base:#E8E8E3;--skeleton-shine:#F0F0EC}html{height:100dvh;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter','Helvetica Neue',sans-serif;background:var(--bg);color:var(--text);height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;position:relative;font-weight:400;line-height:1.3;letter-spacing:-0.01em}.status-pill{position:fixed;top:clamp(10px,2.5dvh,20px);left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:100px;padding:7px 18px 7px 14px;font-size:clamp(0.7rem,1.5vw,0.8rem);font-weight:500;color:var(--text);letter-spacing:-0.01em;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,0.04),0 0 0 .5px rgba(0,0,0,0.03);animation:pillFloat 4s ease-in-out infinite;user-select:none;-webkit-user-select:none}.status-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--green-dot);flex-shrink:0;animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 6px rgba(52,199,89,0.5)}@keyframes dotPulse{0%,100%{box-shadow:0 0 6px rgba(52,199,89,0.5);transform:scale(1)}50%{box-shadow:0 0 14px rgba(52,199,89,0.8);transform:scale(1.35)}}@keyframes pillFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}.main-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:520px;padding:clamp(60px,10dvh,90px) clamp(16px,4vw,32px) clamp(8px,2dvh,20px);gap:clamp(10px,2dvh,18px);z-index:1}.logo-wrap{margin-bottom:clamp(2px,0.8dvh,8px);flex-shrink:0}.logo-wrap img{width:clamp(44px,8vw,56px);height:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.06))}h1{font-size:clamp(2rem,5.5vw,3.2rem);font-weight:700;letter-spacing:-0.03em;line-height:1.05;text-align:center;color:var(--text);flex-shrink:0;max-width:100%}.hero-sub{font-size:clamp(0.9rem,2.1vw,1.05rem);color:var(--muted);text-align:center;line-height:1.4;max-width:420px;flex-shrink:0;letter-spacing:-0.01em}.pill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;flex-shrink:0;max-width:100%}.pill-tag{display:inline-block;background:#fff;border:1px solid var(--border-subtle);border-radius:100px;padding:6px 13px;font-size:clamp(0.65rem,1.4vw,0.75rem);font-weight:500;color:var(--text);letter-spacing:-0.01em;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,0.03)}.access-card{position:relative;width:100%;max-width:380px;background:var(--card-bg);border-radius:20px;padding:clamp(16px,2.5dvh,22px) clamp(16px,4vw,24px);box-shadow:0 2px 12px rgba(0,0,0,0.05),0 0 0 .5px rgba(0,0,0,0.04);overflow:hidden;flex-shrink:0;min-height:clamp(64px,9dvh,80px);display:flex;align-items:center;justify-content:center}.skeleton-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:clamp(16px,2.5dvh,22px) clamp(16px,4vw,24px);transition:opacity .5s ease;z-index:2;pointer-events:none}.skeleton-layer.fade-out{opacity:0;transition:opacity .45s ease}.skel-bar{height:clamp(10px,1.6dvh,13px);border-radius:100px;background:var(--skeleton-base);width:75%;position:relative;overflow:hidden}.skel-bar.short{width:50%}.skel-bar::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--skeleton-shine) 40%,var(--skeleton-shine) 60%,transparent 100%);animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.card-content{display:flex;align-items:center;gap:10px;z-index:1;transition:opacity .45s ease;opacity:0}.card-content.revealed{opacity:1}.card-content .indicator{width:clamp(10px,1.5dvh,12px);height:clamp(10px,1.5dvh,12px);border-radius:50%;background:var(--green-dot);flex-shrink:0;box-shadow:0 0 8px rgba(52,199,89,0.45);animation:dotPulse 2s ease-in-out infinite}.card-content .card-text{font-weight:600;font-size:clamp(0.85rem,1.9vw,1rem);color:var(--text);letter-spacing:-0.02em;white-space:nowrap}.card-content .card-sub{font-size:clamp(0.7rem,1.4vw,0.78rem);color:var(--muted);letter-spacing:-0.01em;white-space:nowrap}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,10px);background:var(--accent);color:#fff;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;letter-spacing:-0.02em;text-decoration:none;border-radius:100px;padding:clamp(15px,2.5dvh,19px) clamp(28px,6vw,40px);width:100%;max-width:400px;text-align:center;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;flex-shrink:0;position:relative;box-shadow:0 4px 18px rgba(10,132,255,0.35),0 1px 3px rgba(0,0,0,0.08);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;min-height:52px;border:none;outline:none}.cta-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 28px rgba(10,132,255,0.45),0 2px 6px rgba(0,0,0,0.1)}.cta-button:active{transform:scale(0.97);transition:transform .1s ease;box-shadow:0 2px 8px rgba(10,132,255,0.3)}.cta-button:focus-visible{outline:3px solid rgba(10,132,255,0.5);outline-offset:4px}.cta-icon-wrap{position:relative;width:clamp(18px,3vw,22px);height:clamp(18px,3vw,22px);flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon-lock,.icon-check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);font-size:clamp(16px,2.8vw,20px);line-height:1}.icon-lock{opacity:1;transform:scale(1) rotate(0deg)}.icon-check{opacity:0;transform:scale(0.3) rotate(-45deg);color:#fff;font-weight:700}.cta-button:hover .icon-lock,.cta-button:active .icon-lock{opacity:0;transform:scale(0.3) rotate(45deg)}.cta-button:hover .icon-check,.cta-button:active .icon-check{opacity:1;transform:scale(1) rotate(0deg)}.ticker-wrap{width:100%;overflow:hidden;flex-shrink:0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:rgba(255,255,255,0.5);padding:clamp(5px,1dvh,8px) 0;z-index:1;position:relative}.ticker-track{display:flex;gap:28px;white-space:nowrap;animation:tickerScroll 28s linear infinite;width:max-content;padding:0 14px}.ticker-item{font-size:clamp(0.6rem,1.2vw,0.7rem);color:var(--muted);letter-spacing:-0.01em;font-weight:400;flex-shrink:0;opacity:.75}.ticker-item .t-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green-dot);margin-right:5px;vertical-align:middle;animation:dotPulse 2s ease-in-out infinite}@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.footer-mini{flex-shrink:0;text-align:center;padding:clamp(4px,1dvh,8px) 16px;font-size:clamp(0.6rem,1.2vw,0.68rem);color:var(--muted);letter-spacing:-0.01em;z-index:1;opacity:.6}@media(max-height:600px){.main-container{gap:clamp(4px,1dvh,8px);padding-top:clamp(48px,8dvh,60px)}.pill-row{gap:4px}.pill-tag{padding:4px 10px;font-size:.6rem}.access-card{min-height:clamp(48px,7dvh,58px);border-radius:16px;padding:10px 14px}.cta-button{padding:12px 24px;font-size:.9rem;min-height:44px}h1{font-size:clamp(1.5rem,4.5vw,2rem)}.hero-sub{font-size:.75rem}.status-pill{padding:4px 12px 4px 10px;font-size:.65rem;top:6px}}@media(min-height:900px){.main-container{gap:clamp(16px,2.5dvh,24px);padding-top:clamp(80px,11dvh,100px)}.access-card{min-height:clamp(80px,9dvh,100px)}.cta-button{padding:clamp(18px,2.5dvh,22px) clamp(32px,6vw,48px)}}