*{box-sizing:border-box;margin:0;padding:0}body{background-color:#030305;color:#f5f5f7;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;height:100dvh;width:100vw;overflow:hidden;display:flex;flex-direction:column;position:relative;-webkit-font-smoothing:antialiased}body::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -20%,rgba(0,120,255,0.15) 0,transparent 60%);z-index:-1;animation:pulseBg 8s infinite alternate}.trust-bar{display:flex;justify-content:center;align-items:center;padding:10px;background:rgba(10,10,12,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.05);font-size:clamp(0.7rem,1.5vw,0.8rem);z-index:20;color:#a1a1a6;font-weight:400;height:40px}.shield{width:12px;height:12px;background:#34c759;border-radius:50%;box-shadow:0 0 10px rgba(52,199,89,0.8);margin-right:10px;animation:pulseShield 2s infinite}.tb-text-wrap{position:relative;width:180px;height:1em;overflow:hidden}.tb-text{position:absolute;top:0;left:0;width:100%;transition:opacity .4s ease,transform .4s ease}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(10px,2vh,2rem) 1rem;gap:clamp(10px,3vh,2rem);z-index:10;width:100%;max-width:1200px;margin:0 auto}.logo{height:clamp(30px,6vh,50px);width:auto;object-fit:contain;filter:drop-shadow(0 0 15px rgba(0,240,255,0.2))}.h1{font-size:clamp(1.5rem,4vw+1vh,3rem);font-weight:700;text-align:center;background:linear-gradient(180deg,#fff 0,#86868b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.03em;margin:0}.widgets{display:flex;gap:clamp(0.5rem,2vw,1.5rem);width:100%;max-width:960px;flex-shrink:1}.card{flex:1;background:rgba(20,20,24,0.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.08);border-radius:clamp(12px,2vw,24px);padding:clamp(0.8rem,2vh,1.8rem);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02),0 10px 30px -10px rgba(0,0,0,0.5);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.card:hover{border-color:rgba(0,240,255,0.3);box-shadow:inset 0 0 20px rgba(0,240,255,0.05),0 10px 40px -10px rgba(0,240,255,0.1);transform:translateY(-2px)}.card h2{font-size:clamp(0.8rem,1.8vh,1.1rem);color:#00f0ff;margin-bottom:clamp(4px,1vh,8px);font-weight:700;letter-spacing:.02em}.card p{font-size:clamp(0.65rem,1.4vh,0.9rem);color:#86868b;line-height:1.4;font-weight:400}.trace{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:700px;position:relative;margin:clamp(0.5rem,2vh,1.5rem) 0}.trace::before{content:'';position:absolute;top:10px;left:40px;right:40px;height:2px;background:linear-gradient(90deg,rgba(0,240,255,0.1),rgba(0,240,255,0.4),rgba(0,240,255,0.1));z-index:-1}.step{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1vh,8px);position:relative;flex:1}.step-dot{width:clamp(16px,3vh,22px);height:clamp(16px,3vh,22px);background:#1d1d1f;border:2px solid rgba(255,255,255,0.2);border-radius:50%;z-index:2;transition:all .4s ease;display:flex;align-items:center;justify-content:center}.step-dot.active{border-color:#00f0ff;box-shadow:0 0 15px rgba(0,240,255,0.5);background:#00f0ff}.step-text{font-size:clamp(0.55rem,1.1vh,0.75rem);color:#86868b;text-align:center;text-transform:uppercase;letter-spacing:.05em;font-weight:700;max-width:100px}.cta{background:linear-gradient(135deg,#00f0ff,#00b4cc);color:#000;padding:clamp(0.8rem,2.5vh,1.2rem) clamp(1.5rem,4vw,3rem);font-size:clamp(1rem,2.5vh,1.2rem);font-weight:700;border-radius:99px;text-decoration:none;letter-spacing:.03em;box-shadow:0 0 25px rgba(0,240,255,0.4),inset 0 2px 0 rgba(255,255,255,0.4);transition:all .3s cubic-bezier(0.25,0.8,0.25,1);text-align:center;border:none;cursor:pointer;outline:none}.cta:hover{transform:scale(1.03);box-shadow:0 0 40px rgba(0,240,255,0.6),inset 0 2px 0 rgba(255,255,255,0.5)}.cta:focus-visible{outline:2px solid #fff;outline-offset:4px}.float-panel{position:absolute;bottom:clamp(10px,2vh,20px);right:clamp(10px,2vw,20px);background:rgba(20,20,24,0.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:clamp(6px,1vh,10px) clamp(10px,2vw,16px);display:flex;align-items:center;gap:10px;font-size:clamp(0.6rem,1.2vh,0.75rem);color:#d2d2d7;z-index:20;box-shadow:0 10px 20px rgba(0,0,0,0.5)}.ping{width:6px;height:6px;background:#34c759;border-radius:50%;box-shadow:0 0 6px #34c759;animation:pulseShield 1.5s infinite}.fp-text-wrap{width:210px;height:1em;position:relative;overflow:hidden}.fp-text{position:absolute;top:0;left:0;width:100%;transition:opacity .4s ease,transform .4s ease;white-space:nowrap;text-overflow:ellipsis}@keyframes pulseBg{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.05);opacity:1}}@keyframes pulseShield{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media(max-width:768px){.widgets{flex-direction:column;gap:clamp(0.4rem,1.5vh,0.8rem)}.card{flex-direction:row;align-items:center;justify-content:flex-start;padding:clamp(0.6rem,1.5vh,1rem);gap:1rem}.card div{display:flex;flex-direction:column}.card h2{margin-bottom:2px}.trace::before{top:8px;left:20px;right:20px}.step-dot{width:16px;height:16px}.fp-text-wrap{width:160px}}