*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0f1424;--bg-2:#161b30;--bg-3:#1c2138;--surface:rgba(28,33,56,.7);--purple:#a855f7;--pink:#ec4899;--cyan:#06b6d4;--green:#10b981;--orange:#f59e0b;--red:#ef4444;--grad-primary:linear-gradient(135deg,#a855f7,#ec4899);--grad-cyan:linear-gradient(135deg,#06b6d4,#3b82f6);--grad-green:linear-gradient(135deg,#10b981,#06b6d4);--grad-orange:linear-gradient(135deg,#f59e0b,#ef4444);--text:#f1f5f9;--text-dim:#94a3b8;--text-faint:#64748b;--border:rgba(148,163,184,.12);--border-strong:rgba(168,85,247,.4)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;position:relative}body:before{background-image:radial-gradient(circle at 20% 20%,rgba(168,85,247,.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.06),transparent 50%),radial-gradient(circle at 50% 50%,rgba(6,182,212,.04),transparent 60%)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:after{background-image:linear-gradient(rgba(168,85,247,.03) 1px,transparent 0),linear-gradient(90deg,rgba(168,85,247,.03) 1px,transparent 0),radial-gradient(circle,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:80px 80px,80px 80px,24px 24px;background-position:0 0,0 0,0 0}.floating-bg-icons{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.bg-icon{position:absolute;font-size:32px;opacity:.08;animation:bg-float 18s ease-in-out infinite;user-select:none}.bg-icon-1{top:12%;left:8%;font-size:36px;animation-delay:0s;color:#a855f7}.bg-icon-2{top:24%;right:12%;font-size:28px;animation-delay:-3s;color:#ec4899}.bg-icon-3{top:60%;left:4%;font-size:32px;animation-delay:-6s;color:#06b6d4}.bg-icon-4{top:75%;right:8%;font-size:40px;animation-delay:-9s;color:#10b981}.bg-icon-5{top:40%;left:50%;font-size:24px;animation-delay:-12s;color:#f59e0b;opacity:.06}.bg-icon-6{top:85%;left:35%;font-size:28px;animation-delay:-15s;color:#ec4899}.bg-icon-7{top:10%;left:60%;font-size:34px;animation-delay:-2s;color:#06b6d4}.bg-icon-8{top:50%;right:30%;font-size:30px;animation-delay:-7s;color:#a855f7}.bg-icon-9{top:92%;left:65%;font-size:26px;animation-delay:-11s;color:#10b981}.bg-icon-10{top:30%;left:25%;font-size:22px;animation-delay:-5s;color:#f59e0b;opacity:.06}@keyframes bg-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-30px) rotate(8deg)}50%{transform:translateY(20px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(3deg)}}.light-beam{position:fixed;width:2px;height:200px;background:linear-gradient(180deg,transparent,var(--purple),transparent);opacity:.3;pointer-events:none;z-index:0;filter:blur(1px)}.beam-1{top:0;left:20%;transform:rotate(15deg);animation:beam-slide 8s infinite}.beam-2{top:30%;right:15%;transform:rotate(-12deg);animation:beam-slide 12s infinite reverse;animation-delay:-3s;background:linear-gradient(180deg,transparent,var(--pink),transparent)}.beam-3{bottom:0;left:60%;transform:rotate(8deg);animation:beam-slide 10s infinite;animation-delay:-5s;background:linear-gradient(180deg,transparent,var(--cyan),transparent)}@keyframes beam-slide{0%,to{opacity:0;transform:translateY(0) rotate(15deg)}50%{opacity:.4;transform:translateY(-100px) rotate(15deg)}}.sparkle{position:fixed;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 8px 2px hsla(0,0%,100%,.8);pointer-events:none;z-index:1;animation:sparkle-twinkle 3s infinite}.sparkle-1{top:15%;left:30%;animation-delay:0s}.sparkle-2{top:25%;right:25%;animation-delay:-1s}.sparkle-3{top:55%;left:15%;animation-delay:-2s}.sparkle-4{top:70%;right:35%;animation-delay:-1.5s}.sparkle-5{top:85%;left:50%;animation-delay:-.5s}.sparkle-6{top:35%;left:70%;animation-delay:-2.5s}.sparkle-7{top:45%;right:8%;animation-delay:-1.2s;background:var(--pink);box-shadow:0 0 8px 2px var(--pink)}.sparkle-8{top:80%;left:25%;animation-delay:-.8s;background:var(--cyan);box-shadow:0 0 8px 2px var(--cyan)}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.brand-logos-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.brand-logo{position:absolute;width:72px;height:72px;opacity:.22;filter:drop-shadow(0 0 14px currentColor) drop-shadow(0 0 24px currentColor);animation:brand-float 12s ease-in-out infinite,brand-glow-pulse 3s ease-in-out infinite;transition:opacity .4s,transform .4s}.brand-logo img{width:100%;height:100%;object-fit:contain;display:block;animation:brand-color-shift 4s ease-in-out infinite}.brand-logo:after{content:"";position:absolute;inset:-30px;background:radial-gradient(circle,currentColor 0,transparent 55%);opacity:.3;border-radius:50%;z-index:-1;animation:brand-pulse 2.5s ease-in-out infinite}.brand-logo:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:linear-gradient(0deg,transparent 40%,#fff 50%,transparent 60%) 50%/100% 2px no-repeat,linear-gradient(90deg,transparent 40%,#fff 50%,transparent 60%) 50%/2px 100% no-repeat;transform-origin:center;animation:sparkle-orbit 4s linear infinite;filter:drop-shadow(0 0 6px white)}.brand-stars{position:absolute;inset:-16px;pointer-events:none}.brand-stars span{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 8px 2px hsla(0,0%,100%,.95);animation:mini-sparkle 2.5s infinite}.brand-stars span:first-child{top:0;left:10%;animation-delay:0s}.brand-stars span:nth-child(2){top:20%;right:0;animation-delay:-.6s;background:#fbbf24;box-shadow:0 0 8px 2px #fbbf24}.brand-stars span:nth-child(3){bottom:0;left:30%;animation-delay:-1.2s;background:#ec4899;box-shadow:0 0 8px 2px #ec4899}.brand-stars span:nth-child(4){top:60%;left:-5%;animation-delay:-1.8s;background:#06b6d4;box-shadow:0 0 8px 2px #06b6d4}@keyframes brand-glow-pulse{0%,to{filter:drop-shadow(0 0 14px currentColor) drop-shadow(0 0 24px currentColor)}50%{filter:drop-shadow(0 0 24px currentColor) drop-shadow(0 0 40px currentColor) brightness(1.3)}}@keyframes brand-color-shift{0%,to{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(1.4) hue-rotate(20deg)}}@keyframes sparkle-orbit{0%{transform:rotate(0deg) translate(38px) rotate(0deg) scale(1);opacity:1}50%{transform:rotate(180deg) translate(38px) rotate(-180deg) scale(1.4);opacity:.6}to{transform:rotate(1turn) translate(38px) rotate(-1turn) scale(1);opacity:1}}@keyframes mini-sparkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.5)}}.brand-fb{top:5%;left:3%;color:#4267b2;animation-delay:0s}.brand-meta{top:8%;left:22%;color:#0668e1;animation-delay:-.8s;width:56px;height:56px;opacity:.18}.brand-mc{top:10%;left:42%;color:#eb001b;animation-delay:-1.6s;width:60px;height:60px;opacity:.16}.brand-youtube{top:7%;left:60%;color:red;animation-delay:-2.4s;width:64px;height:64px;opacity:.18}.brand-twitter{top:12%;left:78%;color:#1da1f2;animation-delay:-3.2s}.brand-netflix{top:6%;right:4%;color:#e50914;animation-delay:-4s;opacity:.2}.brand-ig{top:25%;left:2%;color:#e4405f;animation-delay:-4.8s}.brand-linkedin{top:30%;left:18%;color:#0a66c2;animation-delay:-5.6s;width:58px;height:58px;opacity:.16}.brand-snap{top:22%;left:38%;color:#fffc00;animation-delay:-6.4s;width:56px;height:56px;opacity:.18}.brand-pinterest{top:28%;left:56%;color:#bd081c;animation-delay:-7.2s;width:60px;height:60px;opacity:.16}.brand-spotify{top:32%;left:72%;color:#1db954;animation-delay:-8s}.brand-discord{top:26%;right:4%;color:#5865f2;animation-delay:-8.8s;opacity:.2}.brand-whatsapp{top:50%;left:4%;color:#25d366;animation-delay:-9.6s}.brand-telegram{top:48%;left:24%;color:#2aabee;animation-delay:-10.4s;width:58px;height:58px;opacity:.15}.brand-tiktok{top:52%;left:46%;color:#ff0050;animation-delay:-11.2s}.brand-reddit{top:46%;left:64%;color:#ff4500;animation-delay:-.4s;width:56px;height:56px;opacity:.16}.brand-zoom{top:50%;left:80%;color:#2d8cff;animation-delay:-1.2s;width:60px;height:60px;opacity:.15}.brand-stripe{top:56%;right:4%;color:#635bff;animation-delay:-2s}.brand-google{top:65%;left:6%;color:#4285f4;animation-delay:-2.8s}.brand-apple{top:68%;left:24%;color:#fff;animation-delay:-3.6s;width:54px;height:54px;opacity:.14}.brand-microsoft{top:72%;left:42%;color:#5e5e5e;animation-delay:-4.4s;width:58px;height:58px;opacity:.18}.brand-amazon{top:64%;left:60%;color:#f90;animation-delay:-5.2s;width:64px;height:64px;opacity:.18}.brand-shopify{top:70%;left:76%;color:#7ab55c;animation-delay:-6s}.brand-slack{top:76%;right:6%;color:#e01e5a;animation-delay:-6.8s;opacity:.16}.brand-visa{top:84%;left:10%;color:#1a1f71;animation-delay:-7.6s;opacity:.16}.brand-paypal{top:88%;left:28%;color:#00457c;animation-delay:-8.4s;width:60px;height:60px;opacity:.18}.brand-airbnb{top:82%;left:48%;color:#ff5a5f;animation-delay:-9.2s;width:58px;height:58px;opacity:.16}.brand-uber{top:90%;left:64%;color:#fff;animation-delay:-10s;width:56px;height:56px;opacity:.14}.brand-figma{top:86%;right:8%;color:#f24e1e;animation-delay:-10.8s}.brand-canva{top:92%;right:26%;color:#00c4cc;animation-delay:-11.6s;width:60px;height:60px;opacity:.18}@keyframes brand-float{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-25px) rotate(5deg) scale(1.05)}50%{transform:translateY(15px) rotate(-3deg) scale(.95)}75%{transform:translateY(-10px) rotate(2deg) scale(1.02)}}@keyframes brand-pulse{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.5);opacity:.35}}.ray{position:fixed;width:1px;background:linear-gradient(180deg,transparent,var(--ray-color,var(--purple)),transparent);transform-origin:top center;opacity:.4;pointer-events:none;z-index:0;filter:blur(.5px);animation:ray-shine 4s infinite}.ray-1{--ray-color:#a855f7;top:5%;left:25%;height:250px;transform:rotate(20deg);animation-delay:0s}.ray-2{--ray-color:#ec4899;top:10%;right:30%;height:300px;transform:rotate(-15deg);animation-delay:-1s}.ray-3{--ray-color:#06b6d4;top:30%;left:45%;height:200px;transform:rotate(10deg);animation-delay:-2s}.ray-4{--ray-color:#10b981;top:50%;left:15%;height:220px;transform:rotate(-25deg);animation-delay:-3s}.ray-5{--ray-color:#f59e0b;top:60%;right:20%;height:180px;transform:rotate(18deg);animation-delay:-1.5s}.ray-6{--ray-color:#a855f7;top:75%;left:60%;height:240px;transform:rotate(-12deg);animation-delay:-2.5s}@keyframes ray-shine{0%,to{opacity:0}50%{opacity:.5}}.gradient-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:0}.blob-features{width:600px;height:600px;background:var(--purple);top:20%;left:-200px;opacity:.15}.blob-cta{width:700px;height:700px;background:var(--pink);bottom:-200px;right:-200px;opacity:.1}.orb{position:fixed;border-radius:50%;filter:blur(100px);z-index:0;pointer-events:none}.orb-1{width:500px;height:500px;background:var(--purple);opacity:.2;top:-200px;right:-100px;animation:orb-float 20s ease-in-out infinite}.orb-2{width:400px;height:400px;background:var(--pink);opacity:.15;bottom:-150px;left:-100px;animation:orb-float 25s ease-in-out infinite reverse}.orb-3{width:350px;height:350px;background:var(--cyan);opacity:.12;top:50%;left:50%;animation:orb-float 30s ease-in-out infinite}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-50px) scale(1.1)}66%{transform:translate(-80px,80px) scale(.9)}}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 6vw 14px 24px;background:rgba(15,20,36,.85);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);gap:24px}@media (min-width:1920px){nav{padding:16px 9vw 16px 40px}}.logo{gap:12px}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:48px;height:48px;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(168,85,247,.45);position:relative;justify-content:center}.logo-icon img{width:100%;height:100%;object-fit:cover;display:block}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-text strong{font-size:20px;font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px}.logo-text small{font-size:11px;color:var(--text-faint);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-weight:600}.nav-links{display:flex;gap:4px;list-style:none;background:var(--bg-2);padding:5px;border-radius:14px;position:relative;isolation:isolate}.nav-links:before{content:"";position:absolute;inset:0;border-radius:14px;padding:2px;background:conic-gradient(from var(--nav-angle,0deg),#a855f7 0deg,#ec4899 90deg,#06b6d4 180deg,#3b82f6 270deg,#a855f7 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:nav-border-spin 2s linear infinite;pointer-events:none}@property --nav-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes nav-border-spin{to{--nav-angle:360deg}}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:13px;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s;display:flex;align-items:center;gap:6px}.nav-links a:hover{color:var(--text);background:rgba(168,85,247,.1)}.nav-actions{display:flex;gap:12px}.btn,.nav-actions{align-items:center}.btn{padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;transition:all .3s;font-family:inherit;border:none;white-space:nowrap}.btn-ghost{background:var(--bg-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--purple);background:rgba(168,85,247,.1)}.btn-gradient{background:var(--grad-primary);color:#fff;box-shadow:0 4px 20px rgba(168,85,247,.3);position:relative;overflow:hidden}.btn-gradient:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--pink),var(--purple));opacity:0;transition:opacity .3s}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(168,85,247,.5)}.btn-gradient:hover:before{opacity:1}.btn-gradient span{position:relative;z-index:1}.hero{position:relative;z-index:5;padding:85px 3vw 30px 0;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:3vw;align-items:center;min-height:72vh}@media (min-width:1920px){.hero{padding:95px 5vw 40px 0;gap:4vw;min-height:70vh}}@media (min-width:2400px){.hero{padding:110px 8vw 60px 0;min-height:70vh}}.hero-content{padding-left:32px}@media (min-width:1400px){.hero-content{padding-left:48px}}.hero-content{position:relative}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);border-radius:100px;font-size:12px;color:var(--purple);font-weight:600;margin-bottom:24px}.badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(32px,2.6vw,52px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px}.hero p{font-size:clamp(14px,.95vw,16px);margin-bottom:28px}.stat-mini strong{font-size:clamp(20px,1.3vw,26px)}.stat-mini small{font-size:11px}.hero-stats{gap:24px;padding-top:24px}.badge{margin-bottom:20px;font-size:11px}.hero-visual{transform:scale(1);transform-origin:center center;width:100%}@media (min-width:1400px){.hero-visual{transform:scale(1.08)}}@media (min-width:1920px){.hero-visual{transform:scale(1.18)}}.dashboard-card{transform:rotateY(-3deg) rotateX(1.5deg)!important;padding:24px!important}.mini-stats{gap:14px!important;margin-bottom:20px!important}.mini-stat{padding:16px!important}.mini-stat-label{font-size:11px!important}.mini-stat-value{font-size:20px!important}.mini-table-header,.mini-table-row{padding:14px 18px!important;font-size:13px!important}.mini-table-header{font-size:11px!important}.floating-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-2);border-radius:100px;font-size:12px;font-weight:600;color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.4);backdrop-filter:blur(20px);z-index:3;white-space:nowrap;animation:chip-float 6s ease-in-out infinite;transition:transform 1.2s cubic-bezier(.22,1,.36,1);cursor:pointer}.floating-chip.scared,.floating-notif.scared{animation-play-state:paused!important;transform:translate(var(--scared-x,0),var(--scared-y,0)) rotate(var(--scared-r,0deg))!important;filter:brightness(1.15)}.floating-notif{transition:transform 1.2s cubic-bezier(.22,1,.36,1);cursor:pointer}.floating-chip:before{content:"";position:absolute;inset:0;border-radius:100px;padding:1.5px;background:conic-gradient(from var(--chip-angle,0deg),var(--chip-c1,#a855f7) 0deg,var(--chip-c2,#ec4899) 90deg,transparent 180deg,transparent 270deg,var(--chip-c1,#a855f7) 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin-chip-border 3.5s linear infinite;pointer-events:none}@property --chip-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spin-chip-border{to{--chip-angle:360deg}}.floating-chip.chip-purple{--chip-c1:#a855f7;--chip-c2:#ec4899}.floating-chip.chip-pink{--chip-c1:#ec4899;--chip-c2:#f43f5e}.floating-chip.chip-cyan{--chip-c1:#06b6d4;--chip-c2:#3b82f6}.floating-chip.chip-green{--chip-c1:#10b981;--chip-c2:#06b6d4}.floating-chip.chip-orange{--chip-c1:#f59e0b;--chip-c2:#ef4444}.floating-chip.chip-red{--chip-c1:#ef4444;--chip-c2:#f59e0b}.chip-1:before{animation-delay:-.5s}.chip-2:before{animation-delay:-1s}.chip-3:before{animation-delay:-1.5s}.chip-4:before{animation-delay:-2s}.chip-5:before{animation-delay:-2.5s}.chip-6:before{animation-delay:-3s}.chip-7:before{animation-delay:-1.2s}.chip-8:before{animation-delay:-2.2s}.floating-chip .chip-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex-shrink:0}.chip-purple .chip-icon{background:linear-gradient(135deg,#a855f7,#7c3aed)}.chip-pink .chip-icon{background:linear-gradient(135deg,#ec4899,#db2777)}.chip-cyan .chip-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.chip-green .chip-icon{background:linear-gradient(135deg,#10b981,#059669)}.chip-orange .chip-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.chip-red .chip-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.chip-1{top:-10px;left:-30px;animation-delay:-.5s}.chip-2{top:30px;right:-40px;animation-delay:-1.5s}.chip-3{top:150px;left:-60px;animation-delay:-2.5s}.chip-4{top:220px;right:-50px;animation-delay:-3.5s}.chip-5{bottom:80px;left:-50px;animation-delay:-4.5s}.chip-6{bottom:120px;right:-30px;animation-delay:-1s}.chip-7{bottom:-10px;left:30%;animation-delay:-2s}.chip-8{top:280px;left:35%;animation-delay:-3s;opacity:.85}@keyframes chip-float{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-12px) translateX(4px)}66%{transform:translateY(8px) translateX(-3px)}}@media (max-width:1200px){.chip-1,.chip-3,.chip-5,.chip-7{display:none}}@media (max-width:900px){.floating-chip{display:none}}.hero h1 .gradient{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero p{color:var(--text-dim);font-size:17px;line-height:1.65;margin-bottom:32px;max-width:540px}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px;align-items:stretch}.hero-cta .cta-download{position:relative;padding:18px 32px 18px 24px;border-radius:16px;background:linear-gradient(135deg,#a855f7,#d946ef 35%,#ec4899 70%,#f97316);background-size:200% 200%;color:#fff;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:14px;font-family:inherit;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 12px 40px rgba(168,85,247,.55),inset 0 0 0 1px hsla(0,0%,100%,.15),inset 0 2px 0 hsla(0,0%,100%,.25);animation:cta-gradient-shift 4s ease infinite,cta-glow-pulse 2.5s ease-in-out infinite}.hero-cta .cta-download:before{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#a855f7,#ec4899,#f97316,#a855f7);background-size:300% 300%;z-index:-1;filter:blur(12px);opacity:.7;animation:cta-gradient-shift 4s ease infinite}.hero-cta .cta-download:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:cta-shine 3s ease-in-out infinite;z-index:1}.hero-cta .cta-download:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 50px rgba(168,85,247,.7),inset 0 0 0 1px hsla(0,0%,100%,.2),inset 0 2px 0 hsla(0,0%,100%,.3)}.hero-cta .cta-download .cta-icon-bounce{width:44px;height:44px;background:hsla(0,0%,100%,.22);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;backdrop-filter:blur(10px);animation:cta-arrow-bounce 1.5s ease-in-out infinite;position:relative;z-index:2}.hero-cta .cta-download .cta-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;position:relative;z-index:2}.hero-cta .cta-download .cta-text-top{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:hsla(0,0%,100%,.92);margin-bottom:4px}.hero-cta .cta-download .cta-text-top:before{content:"";width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:cta-live-pulse 1s ease-in-out infinite}.hero-cta .cta-download .cta-text-main{font-size:17px;font-weight:800;letter-spacing:-.3px;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes cta-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cta-glow-pulse{0%,to{box-shadow:0 12px 40px rgba(168,85,247,.55),inset 0 0 0 1px hsla(0,0%,100%,.15),inset 0 2px 0 hsla(0,0%,100%,.25)}50%{box-shadow:0 16px 60px rgba(236,72,153,.75),inset 0 0 0 1px hsla(0,0%,100%,.25),inset 0 2px 0 hsla(0,0%,100%,.35)}}@keyframes cta-shine{0%{left:-100%}50%,to{left:200%}}@keyframes cta-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes cta-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-cta .cta-dashboard{position:relative;padding:18px 32px;border-radius:16px;background:rgba(10,18,40,.6);backdrop-filter:blur(20px) saturate(180%);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:12px;font-family:inherit;cursor:pointer;overflow:hidden;font-size:15px;font-weight:700;letter-spacing:.2px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px rgba(6,182,212,.2),inset 0 0 0 1px rgba(6,182,212,.3)}.hero-cta .cta-dashboard:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:conic-gradient(from var(--dash-angle,0deg),#06b6d4 0deg,#3b82f6 90deg,#06b6d4 180deg,transparent 270deg,#06b6d4 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cta-dash-spin 3s linear infinite;pointer-events:none}@property --dash-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes cta-dash-spin{to{--dash-angle:360deg}}.hero-cta .cta-dashboard .cta-rocket{width:36px;height:36px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 4px 16px rgba(6,182,212,.55);animation:cta-rocket-tilt 2s ease-in-out infinite}.hero-cta .cta-dashboard .cta-arrow{font-size:18px;color:#06b6d4;margin-left:4px;animation:cta-arrow-slide 1.5s ease-in-out infinite;display:inline-block}.hero-cta .cta-dashboard:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(6,182,212,.4),inset 0 0 0 1px rgba(6,182,212,.5)}.hero-cta .cta-dashboard:hover .cta-rocket{transform:rotate(-15deg) translateX(2px)}@keyframes cta-rocket-tilt{0%,to{transform:rotate(0deg)}50%{transform:rotate(-8deg)}}@keyframes cta-arrow-slide{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}.btn-large{padding:16px 28px;border-radius:12px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:10px}.btn-extension{background:var(--grad-primary);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 32px rgba(168,85,247,.4);position:relative;overflow:hidden;text-decoration:none}.btn-extension:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .6s}.btn-extension:hover:before{left:100%}.btn-extension:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(168,85,247,.6)}.btn-extension .ext-icon{width:24px;height:24px;background:hsla(0,0%,100%,.2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px}.btn-extension small{display:block;font-size:10px;opacity:.8;font-weight:500;text-transform:uppercase;letter-spacing:1px}.btn-extension strong{font-size:15px}.hero-stats{display:flex;gap:32px;padding-top:32px;border-top:1px solid var(--border)}.stat-mini{display:flex;flex-direction:column}.stat-mini strong{font-size:24px;font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-mini small{color:var(--text-dim);font-size:12px;margin-top:4px}.hero-visual{position:relative;perspective:1500px}.dashboard-card{background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 0 1px rgba(168,85,247,.1);transform:rotateY(-8deg) rotateX(4deg);transition:transform .6s;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-primary)}.dashboard-card:hover{transform:rotateY(0deg) rotateX(0deg)}.dash-header{justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.dash-header,.dash-title{display:flex;align-items:center}.dash-title{gap:10px;font-size:13px;font-weight:600}.dash-dots{display:flex;gap:4px}.dash-dots span{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.dash-dots span:first-child{background:var(--red)}.dash-dots span:nth-child(2){background:var(--orange)}.dash-dots span:nth-child(3){background:var(--green)}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.mini-stat{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:12px;position:relative;overflow:hidden}.mini-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.mini-stat.s1:before{background:var(--grad-primary)}.mini-stat.s2:before{background:var(--grad-green)}.mini-stat.s3:before{background:var(--grad-orange)}.mini-stat.s4:before{background:var(--grad-cyan)}.mini-stat-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.mini-stat-value{font-size:16px;font-weight:700}.mini-stat-value small{font-size:10px;color:var(--text-faint);font-weight:500;margin-left:2px}.mini-table{background:var(--bg-3);border-radius:10px;overflow:hidden;border:1px solid var(--border)}.mini-table-header{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.mini-table-header,.mini-table-row{display:grid;grid-template-columns:1fr 1.2fr .8fr .8fr;padding:10px 14px;border-bottom:1px solid var(--border)}.mini-table-row{font-size:11px;align-items:center;transition:background .2s}.mini-table-row:last-child{border-bottom:none}.mini-table-row:hover{background:rgba(168,85,247,.05)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-active{background:rgba(16,185,129,.15);color:var(--green)}.status-pending{background:rgba(245,158,11,.15);color:var(--orange)}.status-disabled{background:rgba(239,68,68,.15);color:var(--red)}.type-pill{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.type-business{background:rgba(245,158,11,.15);color:var(--orange)}.type-personal{background:rgba(6,182,212,.15);color:var(--cyan)}.floating-notif{position:absolute;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);backdrop-filter:blur(20px);z-index:2}.floating-notif:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:var(--grad-primary);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.notif-1{top:-10px;right:-50px;left:auto;animation:float-y 4s ease-in-out infinite}.notif-2{bottom:60px;right:-60px;animation:float-y 4s ease-in-out infinite reverse;animation-delay:-2s}@media (max-width:1400px){.notif-1{right:-20px;top:-20px}.notif-2{right:-20px;bottom:30px}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.notif-icon{width:32px;height:32px;background:var(--grad-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.notif-icon.green{background:var(--grad-green)}.notif-text strong{font-size:12px;display:block;margin-bottom:2px}.notif-text small{font-size:10px;color:var(--text-dim)}.extension-section{position:relative;z-index:5;padding:40px 6vw 80px;max-width:none;margin:0}@media (min-width:1920px){.extension-section{padding:50px 9vw 100px}}@media (min-width:2400px){.extension-section{padding:60px 14vw 120px}}.extension-card{background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(236,72,153,.1));border:1px solid rgba(168,85,247,.3);border-radius:24px;padding:48px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.extension-card:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.2),transparent 60%);pointer-events:none}.ext-content{position:relative;z-index:2}.ext-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.4);border-radius:100px;font-size:11px;font-weight:700;color:var(--purple);margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.ext-content h2{font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:16px}.ext-content h2 .gradient{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ext-content p{color:var(--text-dim);font-size:15px;line-height:1.65;margin-bottom:28px}.ext-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}.ext-feature{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:13px}.ext-feature .check{width:20px;height:20px;background:var(--grad-green);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0}.ext-buttons{display:flex;gap:12px;flex-wrap:wrap}.browser-mockup{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);position:relative;z-index:2}.browser-bar{background:var(--bg-3);padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.browser-bar .dot{width:10px;height:10px;border-radius:50%}.browser-bar .dot.red{background:var(--red)}.browser-bar .dot.yellow{background:var(--orange)}.browser-bar .dot.green{background:var(--green)}.browser-url{flex:1;background:var(--bg);border-radius:6px;padding:4px 10px;font-size:10px;color:var(--text-dim);margin-left:6px}.ext-popup{padding:16px;background:var(--bg-2)}.ext-popup-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:12px}.ext-popup-icon{width:32px;height:32px;background:var(--grad-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.ext-popup-title strong{font-size:13px;display:block}.ext-popup-title small{font-size:10px;color:var(--text-dim)}.ext-popup-row{display:flex;justify-content:space-between;padding:8px 0;font-size:11px}.ext-popup-row span:first-child{color:var(--text-dim)}.ext-popup-row span:last-child{color:var(--text);font-weight:600}.ext-popup-btn{width:100%;margin-top:10px;padding:10px;background:var(--grad-primary);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.hero-features-strip{position:relative;z-index:5;padding:30px 3vw 100px;max-width:none}@media (min-width:1920px){.hero-features-strip{padding:40px 5vw 120px}}.hero-features-header{text-align:center;margin-bottom:28px}.hero-features-title{font-size:clamp(18px,1.3vw,24px);font-weight:600;color:var(--text-dim);letter-spacing:.3px}.hero-features-title strong{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.hero-features-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:18px}@media (max-width:1500px){.hero-features-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:800px){.hero-features-grid{grid-template-columns:repeat(3,1fr)}}.hero-feature-mini{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:24px 14px 20px;text-align:center;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;cursor:default;position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-feature-mini:before{border-radius:16px;padding:2px;background:conic-gradient(from var(--angle,0deg),var(--border-c1,#a855f7) 0deg,var(--border-c2,#ec4899) 60deg,transparent 120deg,transparent 240deg,var(--border-c1,#a855f7) 300deg,var(--border-c1,#a855f7) 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin-border 4s linear infinite;opacity:.85}.hero-feature-mini:after,.hero-feature-mini:before{content:"";position:absolute;inset:0;pointer-events:none}.hero-feature-mini:after{background:radial-gradient(circle at 50% 100%,var(--card-glow,transparent) 0,transparent 70%);opacity:0;transition:opacity .4s;border-radius:inherit}.hero-feature-mini:hover{transform:translateY(-6px) scale(1.02);background:var(--bg-3)}.hero-feature-mini:hover:after{opacity:.6}.hero-feature-mini:hover:before{animation-duration:1.5s;opacity:1}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spin-border{to{--angle:360deg}}.hero-feature-mini.purple{--card-glow:rgba(168,85,247,.35);--border-c1:#a855f7;--border-c2:#ec4899}.hero-feature-mini.purple:hover{box-shadow:0 16px 40px rgba(168,85,247,.4)}.hero-feature-mini.pink{--card-glow:rgba(236,72,153,.35);--border-c1:#ec4899;--border-c2:#f43f5e}.hero-feature-mini.pink:hover{box-shadow:0 16px 40px rgba(236,72,153,.4)}.hero-feature-mini.cyan{--card-glow:rgba(6,182,212,.35);--border-c1:#06b6d4;--border-c2:#3b82f6}.hero-feature-mini.cyan:hover{box-shadow:0 16px 40px rgba(6,182,212,.4)}.hero-feature-mini.green{--card-glow:rgba(16,185,129,.35);--border-c1:#10b981;--border-c2:#06b6d4}.hero-feature-mini.green:hover{box-shadow:0 16px 40px rgba(16,185,129,.4)}.hero-feature-mini.orange{--card-glow:rgba(245,158,11,.35);--border-c1:#f59e0b;--border-c2:#ef4444}.hero-feature-mini.orange:hover{box-shadow:0 16px 40px rgba(245,158,11,.4)}.hero-feature-mini.red{--card-glow:rgba(239,68,68,.35);--border-c1:#ef4444;--border-c2:#f59e0b}.hero-feature-mini.red:hover{box-shadow:0 16px 40px rgba(239,68,68,.4)}.hero-feature-mini:first-child:before{animation-delay:0s}.hero-feature-mini:nth-child(2):before{animation-delay:-.5s}.hero-feature-mini:nth-child(3):before{animation-delay:-1s}.hero-feature-mini:nth-child(4):before{animation-delay:-1.5s}.hero-feature-mini:nth-child(5):before{animation-delay:-2s}.hero-feature-mini:nth-child(6):before{animation-delay:-2.5s}.hero-feature-mini:nth-child(7):before{animation-delay:-3s}.hero-feature-mini:nth-child(8):before{animation-delay:-3.5s}.hero-feature-mini:nth-child(9):before{animation-delay:-4s}.hero-feature-mini-icon{width:52px;height:52px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:12px;border:1px solid;transition:transform .3s;position:relative;z-index:1}.hero-feature-mini:hover .hero-feature-mini-icon{transform:scale(1.1) rotate(-5deg)}.hero-feature-mini-icon.purple{background:rgba(168,85,247,.18);color:var(--purple);border-color:rgba(168,85,247,.4);box-shadow:0 4px 16px rgba(168,85,247,.2)}.hero-feature-mini-icon.pink{background:rgba(236,72,153,.18);color:var(--pink);border-color:rgba(236,72,153,.4);box-shadow:0 4px 16px rgba(236,72,153,.2)}.hero-feature-mini-icon.cyan{background:rgba(6,182,212,.18);color:var(--cyan);border-color:rgba(6,182,212,.4);box-shadow:0 4px 16px rgba(6,182,212,.2)}.hero-feature-mini-icon.green{background:rgba(16,185,129,.18);color:var(--green);border-color:rgba(16,185,129,.4);box-shadow:0 4px 16px rgba(16,185,129,.2)}.hero-feature-mini-icon.orange{background:rgba(245,158,11,.18);color:var(--orange);border-color:rgba(245,158,11,.4);box-shadow:0 4px 16px rgba(245,158,11,.2)}.hero-feature-mini-icon.red{background:rgba(239,68,68,.18);color:var(--red);border-color:rgba(239,68,68,.4);box-shadow:0 4px 16px rgba(239,68,68,.2)}.hero-feature-mini-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1;letter-spacing:.2px}.features{position:relative;z-index:5;padding:80px 6vw;max-width:none;margin:0}@media (min-width:1920px){.features{padding:100px 9vw}}@media (min-width:2400px){.features{padding:120px 14vw}}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);border-radius:100px;font-size:11px;color:var(--purple);font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.section-title{font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:12px}.section-title .gradient{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{color:var(--text-dim);font-size:16px;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (min-width:1400px){.features-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1920px){.features-grid{grid-template-columns:repeat(5,1fr);gap:28px}}@media (min-width:2400px){.features-grid{grid-template-columns:repeat(6,1fr);gap:32px}}.feature-card{background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.3);background:var(--bg-3)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;position:relative}.feature-icon.purple{background:rgba(168,85,247,.15);color:var(--purple);border:1px solid rgba(168,85,247,.3)}.feature-icon.pink{background:rgba(236,72,153,.15);color:var(--pink);border:1px solid rgba(236,72,153,.3)}.feature-icon.cyan{background:rgba(6,182,212,.15);color:var(--cyan);border:1px solid rgba(6,182,212,.3)}.feature-icon.green{background:rgba(16,185,129,.15);color:var(--green);border:1px solid rgba(16,185,129,.3)}.feature-icon.orange{background:rgba(245,158,11,.15);color:var(--orange);border:1px solid rgba(245,158,11,.3)}.feature-icon.red{background:rgba(239,68,68,.15);color:var(--red);border:1px solid rgba(239,68,68,.3)}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.feature-card p{color:var(--text-dim);font-size:14px;line-height:1.6}.cta-bottom{position:relative;z-index:5;padding:80px 6vw;max-width:none;margin:0;text-align:center}@media (min-width:1920px){.cta-bottom{padding:100px 9vw}}.cta-box{background:var(--bg-2);border:1px solid var(--border);border-radius:24px;padding:60px 40px;position:relative;overflow:hidden}.cta-box:before{top:-50%;left:-10%;background:radial-gradient(circle,rgba(168,85,247,.15),transparent 60%)}.cta-box:after,.cta-box:before{content:"";position:absolute;width:600px;height:600px;pointer-events:none}.cta-box:after{bottom:-50%;right:-10%;background:radial-gradient(circle,rgba(236,72,153,.15),transparent 60%)}.cta-box>*{position:relative;z-index:2}.cta-box h2{font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:16px}.cta-box p{color:var(--text-dim);font-size:16px;max-width:500px;margin:0 auto 32px}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}footer{position:relative;z-index:5;padding:40px 32px;border-top:1px solid var(--border);text-align:center;color:var(--text-faint);font-size:13px}footer strong{color:var(--text-dim)}.login-container{position:relative;z-index:5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 40px}.login-card{width:100%;max-width:440px;background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:40px;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary)}.login-header{text-align:center;margin-bottom:32px}.login-logo-wrap{width:64px;height:64px;background:var(--grad-primary);border-radius:16px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 32px rgba(168,85,247,.4)}.login-card h2{font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:-1px}.login-card .subtitle{color:var(--text-dim);font-size:14px}.login-card .subtitle a{color:var(--purple);text-decoration:none;font-weight:600}.form-group{margin-bottom:18px}.form-group label{display:block;color:var(--text-dim);font-size:12px;margin-bottom:8px;font-weight:600;letter-spacing:.5px}.form-group input{width:100%;padding:14px 16px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:inherit;transition:all .3s}.form-group input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(168,85,247,.15)}.form-row{justify-content:space-between;margin-bottom:24px;font-size:13px}.checkbox-group,.form-row{display:flex;align-items:center}.checkbox-group{gap:8px;color:var(--text-dim);cursor:pointer}.checkbox-group input{accent-color:var(--purple)}.form-row a{color:var(--purple);text-decoration:none;font-weight:500}.btn-submit{width:100%;padding:14px;background:var(--grad-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 20px rgba(168,85,247,.3);transition:all .3s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(168,85,247,.5)}.hidden{display:none!important}.page-toggle{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:4px;z-index:100;background:var(--bg-2);padding:5px;border:1px solid var(--border);border-radius:100px;backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.4)}.page-toggle button{padding:10px 22px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;border-radius:100px;font-size:12px;font-weight:600;transition:all .3s;font-family:inherit}.page-toggle button.active{background:var(--grad-primary);color:#fff;box-shadow:0 4px 16px rgba(168,85,247,.4)}@media (max-width:900px){nav{padding:12px 16px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding:100px 20px 60px;gap:40px}.hero-visual{transform:scale(.9)}.floating-notif{display:none}.extension-card{padding:32px 24px}.extension-card,.features-grid{grid-template-columns:1fr}.hero-stats{gap:16px;flex-wrap:wrap}}.guide-wrap{position:relative;z-index:5}.guide-hero{padding:130px 6vw 60px;text-align:center;max-width:1100px;margin:0 auto}@media (min-width:1920px){.guide-hero{padding:160px 9vw 80px}}.guide-hero h1{font-size:clamp(36px,4vw,64px);font-weight:800;letter-spacing:-2px;line-height:1.1;margin:16px 0 20px}.guide-hero h1 .gradient{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.guide-hero>p{color:var(--text-dim);font-size:clamp(15px,1.05vw,18px);line-height:1.65;max-width:640px;margin:0 auto 32px}.guide-hero .badge{margin:0 auto}.guide-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.guide-steps{padding:80px 6vw;max-width:none;margin:0}@media (min-width:1920px){.guide-steps{padding:100px 9vw}}@media (min-width:2400px){.guide-steps{padding:120px 14vw}}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;align-items:stretch}@media (max-width:1100px){.steps-grid{grid-template-columns:1fr}}.step-card{background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:28px 26px 24px;position:relative;transition:transform .3s,border-color .3s;display:flex;flex-direction:column}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary);border-radius:20px 20px 0 0}.step-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.4)}.step-num{position:absolute;top:16px;right:18px;width:36px;height:36px;background:var(--grad-primary);border-radius:50%;font-size:16px;font-weight:800;color:#fff;box-shadow:0 4px 16px rgba(168,85,247,.45)}.step-icon,.step-num{display:flex;align-items:center;justify-content:center}.step-icon{width:64px;height:64px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);border-radius:16px;font-size:32px;margin-bottom:20px;color:var(--purple)}.step-card h3{font-size:20px;font-weight:700;margin-bottom:10px;letter-spacing:-.4px}.step-card>p{color:var(--text-dim);font-size:13.5px;line-height:1.55;margin-bottom:18px;min-height:44px}.step-card code{background:rgba(168,85,247,.15);color:var(--purple);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Consolas,monospace;font-size:.9em}.step-action{margin-bottom:16px}.step-card .step-tip{margin-top:auto}.step-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--grad-primary);color:#fff;text-decoration:none;border-radius:10px;font-size:13px;font-weight:700;box-shadow:0 4px 16px rgba(168,85,247,.35);transition:transform .2s,box-shadow .2s}.step-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(168,85,247,.55)}.step-url-box{display:flex;align-items:center;gap:8px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;padding:8px 8px 8px 14px}.step-url-box code{flex:1;background:transparent;color:var(--cyan);font-size:13px;font-weight:600;padding:0}.step-copy-btn{background:rgba(168,85,247,.2);color:var(--purple);border:1px solid rgba(168,85,247,.4);border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}.step-copy-btn:hover{background:rgba(168,85,247,.3)}.step-copy-btn.copied{background:rgba(16,185,129,.2);color:var(--green);border-color:rgba(16,185,129,.4)}.step-pass-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:8px 10px;margin-bottom:14px}.step-pass-label{font-size:12px;font-weight:600;color:#fbbf24}.step-pass-code{background:rgba(0,0,0,.3);color:#fcd34d;font-family:Consolas,monospace;font-size:14px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:6px;text-align:center}.step-pass-hidden{color:#6b7280;letter-spacing:3px;user-select:none}.step-pass-contact{flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:rgba(6,182,212,.15);color:#06b6d4;border:1px solid rgba(6,182,212,.4);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s}.step-pass-contact:hover{background:rgba(6,182,212,.25)}.step-tip{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.25);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--text-dim)}.step-tip code{font-size:11px}.step-tip-success{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.3);color:var(--green)}.step-mini-preview{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;overflow:hidden}.preview-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(0,0,0,.3);border-bottom:1px solid var(--border)}.preview-dot{width:9px;height:9px;border-radius:50%}.preview-dot.red{background:#ef4444}.preview-dot.yellow{background:#f59e0b}.preview-dot.green{background:#10b981}.preview-url{flex:1;font-size:10px;color:var(--text-faint);font-family:JetBrains Mono,Consolas,monospace;padding-left:6px}.preview-controls{display:flex;align-items:center;gap:6px;padding:10px;flex-wrap:wrap}.preview-btn-primary,.preview-btn-secondary{padding:4px 10px;font-size:10px;border-radius:4px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-dim);font-family:inherit}.preview-btn-primary{background:rgba(168,85,247,.2);color:var(--purple);border-color:rgba(168,85,247,.5);font-weight:700;animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 rgba(168,85,247,.5)}50%{box-shadow:0 0 0 4px rgba(168,85,247,0)}}.preview-spacer{flex:1}.preview-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-dim)}.preview-switch{width:24px;height:13px;background:var(--text-faint);border-radius:7px;position:relative}.preview-switch:after{content:"";position:absolute;top:1.5px;left:1.5px;width:10px;height:10px;background:#fff;border-radius:50%;transition:left .2s}.preview-switch.on{background:var(--purple)}.preview-switch.on:after{left:11.5px}.guide-done{padding:40px 6vw;max-width:900px;margin:0 auto}.done-box{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(168,85,247,.08));border:1px solid rgba(16,185,129,.3);border-radius:24px;padding:48px 40px;text-align:center;position:relative;overflow:hidden}.done-box:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.15),transparent 60%);pointer-events:none}.done-icon{font-size:56px;margin-bottom:16px;display:inline-block;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.done-box h2{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-1px;margin-bottom:12px}.done-box h2,.done-box>p{position:relative;z-index:2}.done-box>p{color:var(--text-dim);font-size:15px;max-width:500px;margin:0 auto 28px;line-height:1.6}.done-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}.guide-faq{padding:60px 6vw;max-width:1200px;margin:0 auto}@media (min-width:1920px){.guide-faq{padding:80px 9vw;max-width:none}}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}@media (max-width:900px){.faq-grid{grid-template-columns:1fr}}.faq-card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:18px 22px;cursor:pointer;transition:border-color .2s,background .2s}.faq-card:hover{border-color:rgba(168,85,247,.3)}.faq-card[open]{background:var(--bg-3);border-color:rgba(168,85,247,.4)}.faq-card summary{font-size:15px;font-weight:600;color:var(--text);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary:after{content:"+";color:var(--purple);font-size:20px;font-weight:800;transition:transform .3s}.faq-card[open] summary:after{content:"−";transform:rotate(180deg)}.faq-card p{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);color:var(--text-dim);font-size:14px;line-height:1.65}.faq-card code{background:rgba(168,85,247,.15);color:var(--purple);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Consolas,monospace;font-size:.9em}