*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#2457FF;--blue-dark:#1a3fd4;--green:#16C47F;--green-dark:#10a868;--bg:#F8F9FB;--card:#fff;--text:#0f0f1a;--text-secondary:#5a5d6e;--text-muted:#8b8fa3;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);--shadow-lg:0 12px 40px rgba(36,87,255,.18),0 4px 14px rgba(0,0,0,.08);--shadow-xl:0 20px 60px rgba(36,87,255,.22),0 8px 24px rgba(0,0,0,.1);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-2xl:40px;--font:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}html,body{height:100dvh;height:100vh;overflow:hidden;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,#F8F9FB 0,#F0F2F8 40%,#EBEEF5 100%)}body::before{content:'';position:fixed;top:-30vh;right:-20vw;width:70vw;height:70vw;max-width:600px;max-height:600px;background:radial-gradient(ellipse,rgba(36,87,255,.06) 0,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}body::after{content:'';position:fixed;bottom:-20vh;left:-15vw;width:55vw;height:55vw;max-width:450px;max-height:450px;background:radial-gradient(ellipse,rgba(22,196,127,.05) 0,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.page{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:640px;height:100dvh;height:100vh;padding:clamp(12px,3vh,20px) clamp(16px,4vw,28px) clamp(10px,2.5vh,18px);position:relative;z-index:1}.header{display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0;padding:4px 0}.header .logo-wrap{display:flex;align-items:center;gap:10px}.header img{width:clamp(32px,6vw,40px);height:auto;aspect-ratio:1;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.header .brand-name{font-weight:700;font-size:clamp(16px,3.2vw,19px);color:var(--text);letter-spacing:-.01em}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;width:100%;text-align:center;gap:clamp(8px,2vh,16px);padding:clamp(4px,1vh,12px) 0}.badge-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-bottom:2px}.badge{display:inline-flex;align-items:center;gap:5px;background:var(--card);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:6px 14px;font-size:clamp(11px,1.8vw,13px);font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm);white-space:nowrap;letter-spacing:-.005em}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.5)}}h1{font-size:clamp(24px,5.5vw,40px);font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--text);max-width:520px;margin:0 auto}h1 .highlight{color:var(--blue);position:relative;display:inline-block}h1 .highlight::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:clamp(3px,.6vw,5px);background:rgba(36,87,255,.15);border-radius:4px;z-index:-1}.subtitle{font-size:clamp(14px,2.4vw,17px);font-weight:400;color:var(--text-secondary);line-height:1.4;max-width:440px;margin:0 auto;letter-spacing:-.005em}.trust-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;font-size:clamp(11px,1.7vw,13px);color:var(--text-muted);font-weight:500;padding:4px 0}.trust-strip span{white-space:nowrap}.trust-strip .sep{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.5;flex-shrink:0}.bullets{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(8px,2vw,14px);width:100%;max-width:500px}.bullet{display:inline-flex;align-items:center;gap:6px;background:var(--card);border-radius:var(--radius-md);padding:clamp(8px,1.6vh,12px) clamp(12px,3vw,18px);font-size:clamp(12px,2vw,14px);font-weight:600;color:var(--text);box-shadow:var(--shadow-md);white-space:nowrap;letter-spacing:-.005em;transition:transform .2s,box-shadow .2s}.bullet:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bullet .icon{font-size:clamp(16px,2.8vw,20px);flex-shrink:0}.cta-zone{width:100%;flex-shrink:0;padding:clamp(6px,1.5vh,14px) 0;position:relative}.cta-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:500px;margin:0 auto;padding:clamp(15px,2.8vh,20px) clamp(20px,4vw,32px);background:var(--blue);color:#fff;font-size:clamp(16px,2.8vw,19px);font-weight:700;text-decoration:none;border:none;border-radius:var(--radius-2xl);cursor:pointer;box-shadow:var(--shadow-xl);letter-spacing:-.01em;transition:transform .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden;outline:none;-webkit-user-select:none;user-select:none;text-align:center;line-height:1.2}.cta-btn:focus-visible{outline:3px solid rgba(36,87,255,.4);outline-offset:3px}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 24px 64px rgba(36,87,255,.28),0 8px 20px rgba(0,0,0,.1);background:var(--blue-dark)}.cta-btn:active{transform:translateY(0);box-shadow:var(--shadow-lg);transition:transform .08s,box-shadow .08s}.cta-btn .cta-icon{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(18px,3vw,22px);flex-shrink:0;transition:transform .35s cubic-bezier(.4,0,.2,1)}.cta-btn.loading .cta-icon{animation:icon-spin .5s cubic-bezier(.4,0,.2,1)}.cta-btn.success .cta-icon{animation:icon-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes icon-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}@keyframes icon-pop{0%{transform:scale(.5);opacity:.3}60%{transform:scale(1.25)}100%{transform:scale(1);opacity:1}}.footer{flex-shrink:0;text-align:center;font-size:clamp(10px,1.5vw,12px);color:var(--text-muted);font-weight:500;padding:2px 0;letter-spacing:-.005em}.ping-badge{position:fixed;bottom:clamp(90px,18vh,120px);right:clamp(10px,3vw,20px);display:inline-flex;align-items:center;gap:7px;background:var(--card);border-radius:20px;padding:7px 14px;font-size:11px;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-md);z-index:10;white-space:nowrap;letter-spacing:-.005em;animation:float-in .5s .3s cubic-bezier(.34,1.56,.64,1) both}.ping-badge .ping-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse-dot 1.5s ease-in-out infinite;box-shadow:0 0 8px rgba(22,196,127,.5)}@keyframes float-in{0%{opacity:0;transform:translateY(16px) scale(.9)}100%{opacity:1;transform:translateY(0) scale(1)}}.activity-toast{position:fixed;top:clamp(56px,9vh,72px);right:clamp(10px,3vw,20px);display:flex;align-items:center;gap:8px;background:var(--card);border-radius:var(--radius-md);padding:clamp(10px,1.6vh,13px) clamp(12px,3vw,16px);font-size:clamp(11px,1.7vw,12px);font-weight:600;color:var(--text);box-shadow:var(--shadow-md);z-index:10;max-width:260px;letter-spacing:-.005em;transition:opacity .4s,transform .4s;opacity:1;transform:translateY(0)}.activity-toast.fade-out{opacity:0;transform:translateY(-10px)}.activity-toast .toast-avatar{width:clamp(24px,4vw,28px);height:clamp(24px,4vw,28px);border-radius:50%;background:linear-gradient(135deg,#E8ECFF,#D0D8FF);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;color:var(--blue);font-weight:700}.counter-pill{position:fixed;top:clamp(56px,9vh,72px);left:clamp(10px,3vw,20px);display:inline-flex;align-items:center;gap:6px;background:var(--card);border-radius:20px;padding:7px 14px;font-size:11px;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm);z-index:10;white-space:nowrap;letter-spacing:-.005em;border:1px solid rgba(22,196,127,.25)}.counter-pill .counter-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulse-dot 2.5s ease-in-out infinite}.skeleton-overlay{position:fixed;inset:0;background:rgba(248,249,251,.92);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,3vh,24px);opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.skeleton-overlay.active{opacity:1;pointer-events:all}.skeleton-bar{height:clamp(14px,2.4vh,18px);border-radius:20px;background:linear-gradient(90deg,#e8ecf2 25%,#f0f3f8 50%,#e8ecf2 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;width:clamp(180px,50vw,320px)}.skeleton-bar.short{width:clamp(120px,35vw,220px)}.skeleton-bar.xshort{width:clamp(80px,22vw,150px)}.skeleton-bar.wide{width:clamp(220px,60vw,380px);height:clamp(40px,7vh,56px);border-radius:var(--radius-xl);margin-top:8px}.skeleton-check{font-size:clamp(36px,7vw,52px);animation:pop-in .5s .55s cubic-bezier(.34,1.56,.64,1) both;opacity:0}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes pop-in{0%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:scale(1)}}@media(max-width:380px){.bullets{flex-direction:column;align-items:stretch;gap:6px}.bullet{justify-content:center}.activity-toast{max-width:200px;right:4px}.ping-badge{right:4px;bottom:clamp(80px,16vh,100px)}.counter-pill{left:4px}}@media(min-width:768px){.page{padding:clamp(16px,3vh,28px) clamp(24px,5vw,40px) clamp(14px,2.5vh,22px)}.activity-toast{right:clamp(20px,5vw,40px);top:clamp(64px,10vh,88px)}.ping-badge{right:clamp(20px,5vw,40px);bottom:clamp(100px,16vh,140px)}.counter-pill{left:clamp(20px,5vw,40px);top:clamp(64px,10vh,88px)}}@media(min-height:900px){.page{padding:clamp(20px,3.5vh,32px) clamp(16px,4vw,28px) clamp(16px,2.8vh,24px)}}