.home-main{overflow:hidden}.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}.hero{min-height:560px;padding-top:72px;padding-bottom:74px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:40px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#4abaff;font-size:.74rem;font-weight:850;letter-spacing:.15em}.hero h1{font-size:clamp(2.7rem,5.6vw,5.1rem);line-height:1.04;letter-spacing:-.065em;margin:22px 0 18px;font-weight:900}.hero h1 span,.section-head h2 span,.auth-promo h2 span{background:linear-gradient(95deg,#3da8ff,#4ce3ef 50%,#a889ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:560px;color:#a4b7d1;font-size:1.08rem;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:29px;color:#91a8c4;font-size:.82rem}.hero-points i{color:#38b9ff;margin-right:7px}.hero-art{position:relative;min-height:400px;display:grid;place-items:center}.glow{position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,#147bff30,transparent 70%);filter:blur(10px)}.preview-card{position:relative;width:min(100%,440px);padding:13px;border:1px solid #6ba9ff38;border-radius:23px;background:linear-gradient(145deg,#13223aee,#080f1df5);box-shadow:0 30px 90px #0008,0 0 60px #1b8cff18;transform:rotate(1deg)}.preview-top{height:30px;display:flex;justify-content:space-between;align-items:center;color:#6f8aaa;font-size:.62rem;letter-spacing:.14em}.preview-top span{color:#ff6ebd}.preview-top span i:nth-child(2){color:#ffc45e}.preview-top span i:nth-child(3){color:#47dfb2}.preview-screen{height:260px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(165deg,#122e55,#0c1833 55%,#060d1d)}.preview-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#64d9ff 0 3%,transparent 3.5%),linear-gradient(160deg,transparent 40%,#0d1a37 40%)}.mountain{position:absolute;bottom:0;width:0;height:0;border-left:170px solid transparent;border-right:170px solid transparent}.m1{left:-45px;border-bottom:175px solid #173a65}.m2{right:-70px;border-bottom:225px solid #10294b}.play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:1px solid #ffffff80;background:#eaf8ff20;color:white;font-size:1.2rem;backdrop-filter:blur(8px)}.screen-tag{position:absolute;bottom:14px;left:15px;color:#d7edff;font-size:.72rem}.preview-info{display:flex;align-items:center;justify-content:space-between;padding:15px 4px 3px;gap:10px}.preview-info b,.preview-info small{display:block}.preview-info b{font-size:.87rem}.preview-info small,.preview-info>span{font-size:.7rem;color:#8ea6c4;margin-top:5px}.preview-info>span{white-space:nowrap}.float-chip{position:absolute;padding:12px 15px;border:1px solid #8abfff38;border-radius:13px;background:#0c1b2de8;box-shadow:0 12px 35px #0006;font-size:.79rem;font-weight:800}.float-chip i{color:#4abaff;margin-right:7px}.chip-upload{top:45px;left:0;animation:float 5s ease-in-out infinite}.chip-earn{right:-2px;bottom:45px;animation:float 5.5s ease-in-out infinite reverse}@keyframes float{50%{transform:translateY(-9px)}}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-bottom:72px}.feature{padding:24px 20px;border:1px solid #9ac6ff19;border-radius:18px;background:linear-gradient(145deg,#0c1729,#080f1c);transition:.2s}.feature:hover{transform:translateY(-4px);border-color:#369dff5c}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.15rem;margin-bottom:18px;background:#148cff20;color:#42b5ff}.feature-icon.violet{background:#8b5cff22;color:#ae8cff}.feature-icon.cyan{background:#24d9e81c;color:#48e1ec}.feature-icon.pink{background:#ff4db61b;color:#ff73c5}.feature h3{margin:0 0 8px;font-size:1rem}.feature p,.steps p{margin:0;color:#8ea4c1;line-height:1.65;font-size:.85rem}.how-section{padding:55px 0 85px}.section-head{text-align:center;margin-bottom:35px}.section-head h2{font-size:clamp(1.8rem,3.5vw,2.8rem);letter-spacing:-.045em;margin:13px 0}.section-head p{color:#8ea4c1}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{position:relative;padding:25px;border-radius:17px;border:1px solid #8eb6ed1c;background:#0a1423}.steps article>b{position:absolute;right:20px;top:18px;color:#315477;font-size:1.4rem}.steps article>i{display:grid;place-items:center;width:46px;height:46px;background:#158cff20;color:#4db8ff;border-radius:14px;font-size:1.2rem;margin-bottom:20px}.steps h3{font-size:1rem;margin:0 0 9px}.cta{margin-bottom:75px;padding:28px 32px;border-radius:20px;border:1px solid #388fff35;background:radial-gradient(ellipse at 0 0,#187eff18,transparent 65%),#0a1423;display:flex;align-items:center;gap:20px}.cta-icon{width:55px;height:55px;flex:none;border-radius:17px;display:grid;place-items:center;background:#168cff22;color:#49b9ff;font-size:1.3rem}.cta h2{margin:0 0 7px;font-size:1.3rem}.cta p{margin:0;color:#8ea4c1;font-size:.88rem}.cta .btn{margin-left:auto;white-space:nowrap}.home-main .btn{font-size:.9rem}.btn.primary{padding:13px 18px}.btn.secondary{padding:13px 18px}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:55px;gap:15px}.hero-art{min-height:360px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.cta{flex-wrap:wrap}.cta .btn{margin-left:0}}@media(max-width:520px){.wrap{width:calc(100% - 30px)}.hero{padding-top:43px;padding-bottom:45px}.hero h1{font-size:2.75rem}.lead{font-size:.96rem}.hero-points{gap:12px;font-size:.75rem}.hero-art{min-height:300px}.preview-screen{height:210px}.preview-card{padding:9px}.float-chip{font-size:.7rem;padding:9px 11px}.chip-upload{left:-2px;top:20px}.chip-earn{right:-2px;bottom:20px}.feature-grid{gap:10px;padding-bottom:45px}.feature{padding:17px 14px}.feature h3{font-size:.9rem}.feature p{font-size:.78rem}.feature-icon{width:40px;height:40px;margin-bottom:14px}.how-section{padding:35px 0 55px}.steps{gap:10px}.steps article{padding:17px}.steps article>b{right:12px;top:12px;font-size:1.1rem}.cta{padding:22px 19px;gap:14px;margin-bottom:45px}.cta h2{font-size:1.12rem}.cta .btn{width:100%}}