:root,[data-theme=dark]{--bg-primary: #1a1b26;--bg-secondary: #16161e;--bg-tertiary: #24283b;--bg-progressbar: #787e8c;--bg-card: rgba(36, 40, 59, .6);--bg-body: linear-gradient(135deg, #0d0d1a 0%, #1a1b26 50%, #0f1019 100%);--border-primary: #3b4261;--border-secondary: #292e42;--border-hover: rgba(122, 162, 247, .5);--text-primary: #c0caf5;--text-secondary: #a9b1d6;--text-tertiary: #565f89;--text-muted: #565f89;--accent-blue: #7aa2f7;--accent-purple: #bb9af7;--accent-green: #9ece6a;--accent-teal: #73daca;--accent-red: #f7768e;--accent-orange: #ff9e64;--accent-yellow: #e0af68;--glow-blue: rgba(122, 162, 247, .15);--glow-purple: rgba(187, 154, 247, .1);--glow-green: rgba(158, 206, 106, .08);--theme-track-bg: rgba(120, 120, 128, .2);--theme-track-hover: rgba(120, 120, 128, .3);--theme-thumb-bg: #1a1b26}[data-theme=light]{--bg-primary: #eff1f5;--bg-secondary: #e6e9ef;--bg-tertiary: #dce0e8;--bg-progressbar: #162848;--bg-card: rgba(255, 255, 255, .95);--bg-body: linear-gradient(135deg, #e6e9ef 0%, #eff1f5 50%, #dce0e8 100%);--border-primary: #bcc0cc;--border-secondary: #acb0be;--border-hover: rgba(30, 102, 245, .4);--text-primary: #4c4f69;--text-secondary: #5c5f77;--text-tertiary: #7c7f93;--text-muted: #8c8fa1;--accent-blue: #1e66f5;--accent-purple: #8839ef;--accent-green: #40a02b;--accent-teal: #179299;--accent-red: #d20f39;--accent-orange: #fe640b;--accent-yellow: #df8e1d;--glow-blue: rgba(30, 102, 245, .15);--glow-purple: rgba(136, 57, 239, .12);--glow-green: rgba(64, 160, 43, .1);--theme-track-bg: rgba(108, 111, 133, .2);--theme-track-hover: rgba(108, 111, 133, .3);--theme-thumb-bg: #ffffff;--hero-text: #4c4f69;--hero-text-secondary: rgba(76, 79, 105, .9);--hero-text-muted: rgba(76, 79, 105, .7);--hero-text-dim: rgba(76, 79, 105, .5);--hero-overlay-dark: rgba(0, 0, 0, .2);--hero-overlay-gradient-start: rgba(0, 0, 0, .4);--hero-overlay-gradient-mid: rgba(0, 0, 0, .25);--hero-overlay-gradient-end: rgba(0, 0, 0, .1);--hero-backdrop-overlay: rgba(0, 0, 0, .15);--hero-glass-bg: rgba(255, 255, 255, .7);--hero-glass-border: rgba(255, 255, 255, .9);--hero-glass-hover-bg: rgba(255, 255, 255, .85);--hero-glass-hover-border: rgba(255, 255, 255, 1);--button-text-on-gradient: #ffffff;--button-text-on-gradient-light: #1e66f5;--modal-overlay: rgba(0, 0, 0, .4);--modal-shadow: rgba(0, 0, 0, .2);--accent-blue-10: rgba(30, 102, 245, .12);--accent-blue-15: rgba(30, 102, 245, .18);--accent-blue-20: rgba(30, 102, 245, .25);--accent-blue-25: rgba(30, 102, 245, .3);--accent-blue-30: rgba(30, 102, 245, .35);--accent-blue-40: rgba(30, 102, 245, .45);--accent-blue-50: rgba(30, 102, 245, .55);--accent-purple-10: rgba(136, 57, 239, .12);--accent-purple-15: rgba(136, 57, 239, .18);--accent-purple-20: rgba(136, 57, 239, .25);--accent-purple-30: rgba(136, 57, 239, .35);--accent-green-10: rgba(64, 160, 43, .12);--accent-green-15: rgba(64, 160, 43, .18);--accent-green-20: rgba(64, 160, 43, .25);--accent-green-25: rgba(64, 160, 43, .3);--accent-green-30: rgba(64, 160, 43, .35);--accent-green-40: rgba(64, 160, 43, .45);--accent-green-60: rgba(64, 160, 43, .65);--shadow-sm: rgba(0, 0, 0, .04);--shadow-md: rgba(0, 0, 0, .06);--shadow-lg: rgba(0, 0, 0, .1);--shadow-xl: rgba(0, 0, 0, .15);--shadow-accent-blue: rgba(30, 102, 245, .2);--shadow-accent-blue-lg: rgba(30, 102, 245, .3);--shadow-accent-purple: rgba(136, 57, 239, .2);--shadow-accent-purple-lg: rgba(136, 57, 239, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-body);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;transition:background .3s ease,color .3s ease}.bg-effects{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--glow-blue) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,var(--glow-purple) 0%,transparent 40%),radial-gradient(ellipse 40% 30% at 10% 80%,var(--glow-green) 0%,transparent 40%)}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--accent-blue-10) 1px,transparent 1px),linear-gradient(90deg,var(--accent-blue-10) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 70%)}.bg-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,var(--glow-blue) 0%,transparent 60%);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.film-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:grainShift .5s steps(1) infinite}[data-theme=light] .film-grain{opacity:.015}@keyframes grainShift{0%,to{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,-2px)}}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--accent-blue-40);border-radius:50%;animation:particleFloat 15s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){left:25%;animation-delay:3s;animation-duration:18s}.particle:nth-child(3){left:50%;animation-delay:6s;animation-duration:14s}.particle:nth-child(4){left:70%;animation-delay:2s;animation-duration:16s}.particle:nth-child(5){left:85%;animation-delay:8s;animation-duration:20s}.particle:nth-child(6){left:15%;animation-delay:10s;animation-duration:15s}.particle:nth-child(7){left:60%;animation-delay:4s;animation-duration:17s}.particle:nth-child(8){left:90%;animation-delay:1s;animation-duration:13s}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) scale(1)}90%{opacity:1}to{transform:translateY(-20vh) scale(.5);opacity:0}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;background:#0d0d1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(59,66,97,.3);transition:all .3s ease}.nav.scrolled{padding:15px 40px;background:#0d0d1af2}.nav-logo{display:flex;align-items:baseline;gap:4px;font-weight:800;font-size:24px;text-decoration:none}.logo-con{background:linear-gradient(135deg,#c0caf5,#a9b1d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-dic{background:linear-gradient(135deg,#7aa2f7,#bb9af7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-icon{width:40px;height:40px;object-fit:contain;border-radius:8px}.nav-center{display:flex;align-items:center;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:color .2s ease}.nav-link:hover{color:var(--accent-blue)}.nav-right{display:flex;align-items:center;gap:20px}.google-signin-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease}.google-signin-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.google-icon{width:18px;height:18px;object-fit:contain}.dashboard-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#9ece6a26,#73daca26);border:1px solid rgba(158,206,106,.4);border-radius:8px;color:var(--accent-green);text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease}.dashboard-btn:hover{background:linear-gradient(135deg,#9ece6a40,#73daca40);border-color:#9ece6a99;transform:translateY(-1px);box-shadow:0 4px 15px #9ece6a33}.dashboard-icon{font-size:16px}.nav-download-btn{padding:10px 24px;background:linear-gradient(135deg,#7aa2f7,#5d8fef);color:#1a1b26;text-decoration:none;font-weight:600;font-size:14px;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 15px #7aa2f74d}.nav-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7aa2f766}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;background:none;border:none}.nav-toggle span{width:25px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}[data-theme=light] .nav{background:#ffffffe6;border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=light] .nav.scrolled{background:#fffffffa;box-shadow:0 2px 20px #4c4f691a}[data-theme=light] .google-signin-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}[data-theme=light] .google-signin-btn:hover{background:var(--bg-secondary);border-color:var(--accent-blue-30);color:var(--accent-blue)}[data-theme=light] .dashboard-btn{background:var(--accent-blue-15);border:1px solid var(--accent-blue-30);color:var(--accent-blue)}[data-theme=light] .dashboard-btn:hover{background:var(--accent-blue-20);border-color:var(--accent-blue-40);box-shadow:0 4px 15px var(--shadow-accent-blue)}[data-theme=light] .nav-download-btn{background:linear-gradient(135deg,var(--accent-blue) 0%,#1a5ce8 100%);color:var(--button-text-on-gradient);box-shadow:0 4px 15px var(--shadow-accent-blue-lg)}[data-theme=light] .nav-download-btn:hover{box-shadow:0 8px 25px var(--shadow-accent-blue-lg);transform:translateY(-2px)}@media(max-width:768px){[data-theme=light] .nav-center{background:#fffffffa;border-bottom:1px solid var(--border-primary)}}.hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 40px 80px}.hero-content{text-align:center;max-width:900px;animation:contentFadeIn 1s ease-out}.hero-logo{width:100px;height:100px;object-fit:contain;border-radius:20px;margin-bottom:24px;animation:logoFadeIn .8s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(48px,8vw,72px);font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-2px}.title-line{display:block}.title-gradient-1{background:linear-gradient(135deg,#c0caf5,#a9b1d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-gradient-2{background:linear-gradient(90deg,#f7768e,#ff9e64,#e0af68);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(18px,2.5vw,22px);color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.7;animation:subtitleFade 1s ease-out .4s both}@keyframes subtitleFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle .highlight{color:var(--accent-blue);font-weight:600}.download-section{display:flex;flex-direction:column;align-items:center;gap:24px;animation:downloadFade 1s ease-out .6s both}@keyframes downloadFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.download-btn{display:inline-flex;align-items:center;gap:14px;padding:18px 40px;background:linear-gradient(135deg,#7aa2f7,#5d8fef);color:#1a1b26;text-decoration:none;font-size:18px;font-weight:700;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 25px #7aa2f759,0 0 0 1px #7aa2f733;position:relative;overflow:hidden;border:none;cursor:pointer}.download-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s}.download-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 40px #7aa2f773,0 0 0 1px #7aa2f74d}.download-btn:hover:before{opacity:1}.download-btn:active{transform:translateY(0) scale(1)}.download-icon{font-size:24px}.download-info{display:flex;flex-direction:column;align-items:flex-start}.download-text{font-size:18px;font-weight:700}.download-os{font-size:13px;font-weight:500;opacity:.8}.download-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.download-link{display:flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.download-link:hover{color:var(--accent-blue)}.download-link.active{color:var(--accent-blue);font-weight:600}.download-link-icon-img{width:20px;height:20px;object-fit:contain}.download-icon-img{width:28px;height:28px;object-fit:contain}.version-info{font-size:13px;color:var(--text-muted);margin-top:8px}.hero-features{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:48px;padding:20px 36px;background:var(--bg-card);border:1px solid rgba(59,66,97,.5);border-radius:20px;flex-wrap:wrap;animation:featuresFade 1s ease-out .8s both}@keyframes featuresFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-feature{display:flex;align-items:center;gap:10px}.hero-feature-icon{font-size:22px}.hero-feature-text{font-size:15px;font-weight:600;color:var(--text-primary)}.feature-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,var(--text-muted),transparent)}.section{position:relative;z-index:1;padding:100px 40px}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;padding:6px 16px;background:#7aa2f71a;border:1px solid rgba(122,162,247,.3);border-radius:50px;font-size:13px;font-weight:600;color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.section-title{font-size:clamp(32px,5vw,48px);font-weight:700;background:linear-gradient(135deg,#c0caf5,#a9b1d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.section-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:0 auto}.feature-card{padding:36px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:0 20px 60px var(--shadow-xl)}.feature-card:hover:before{opacity:1}[data-theme=light] .feature-card{background:#fffffff2;box-shadow:0 2px 8px var(--shadow-sm)}[data-theme=light] .feature-card:hover{box-shadow:0 20px 60px var(--shadow-lg);border-color:var(--accent-blue-30)}.feature-card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--accent-blue-10);border-radius:16px;font-size:32px;margin-bottom:24px}.feature-card-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.feature-card-desc{font-size:15px;color:var(--text-secondary);line-height:1.7}.players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:1000px;margin:0 auto}.player-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 32px;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center}[data-theme=light] .player-card{background:#fffffff2;box-shadow:0 2px 8px var(--shadow-sm)}.player-card:hover{transform:translateY(-8px);border-color:var(--accent-blue);box-shadow:0 20px 50px var(--shadow-xl),0 0 40px var(--accent-blue-10)}[data-theme=light] .player-card:hover{box-shadow:0 20px 50px var(--shadow-lg),0 0 40px var(--accent-blue-15)}.player-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:20px;padding:12px;transition:transform .3s ease}[data-theme=light] .player-icon{background:var(--bg-tertiary);border:1px solid var(--border-primary)}.player-card:hover .player-icon{transform:scale(1.1)}.player-icon img{width:100%;height:100%;object-fit:contain}.player-name{font-size:22px;font-weight:700;color:var(--text-primary)}.player-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.player-platforms{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.platform-tag{padding:4px 12px;background:#9ece6a1a;border:1px solid rgba(158,206,106,.3);border-radius:20px;font-size:12px;font-weight:600;color:var(--accent-green)}.steps-container{max-width:900px;margin:0 auto}.step{display:flex;align-items:flex-start;gap:32px;margin-bottom:48px;opacity:0;transform:translate(-30px);animation:stepFadeIn .6s ease-out forwards}.step:nth-child(1){animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.step:nth-child(4){animation-delay:.4s}@keyframes stepFadeIn{to{opacity:1;transform:translate(0)}}.step-number{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7aa2f7,#bb9af7);border-radius:50%;font-size:24px;font-weight:800;color:#1a1b26}.step-content{flex:1;padding-top:8px}.step-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.step-desc{font-size:16px;color:var(--text-secondary);line-height:1.7}.extension-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.extension-content{animation:fadeInLeft .8s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.extension-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#bb9af71a;border:1px solid rgba(187,154,247,.3);border-radius:50px;font-size:13px;font-weight:600;color:var(--accent-purple);margin-bottom:20px}.extension-title{font-size:clamp(28px,4vw,40px);font-weight:700;background:linear-gradient(135deg,#bb9af7,#7aa2f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.extension-desc{font-size:17px;color:var(--text-secondary);line-height:1.8;margin-bottom:32px}.extension-desc .highlight{color:var(--accent-purple);font-weight:600}.extension-how-to{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:20px;padding:28px}.extension-how-to-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}.how-to-list{list-style:none;display:flex;flex-direction:column;gap:16px}.how-to-item{display:flex;align-items:flex-start;gap:14px}.how-to-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#7aa2f726;border-radius:10px;font-size:18px}.how-to-content{flex:1}.how-to-label{font-size:14px;font-weight:600;color:var(--accent-blue);margin-bottom:4px}.how-to-text{font-size:15px;color:var(--text-secondary)}.how-to-text strong{color:var(--text-primary);font-weight:600}.extension-visual{position:relative;animation:fadeInRight .8s ease-out .2s both}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.extension-card{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:24px;padding:40px;text-align:center;position:relative;overflow:hidden}.extension-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue),var(--accent-teal))}.chrome-icon-img{width:80px;height:80px;margin:0 auto 24px;display:block;object-fit:contain}.extension-card-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.extension-card-desc{font-size:15px;color:var(--text-secondary);margin-bottom:28px;line-height:1.6}.extension-features{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.ext-feature{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-radius:12px;text-align:left}[data-theme=light] .ext-feature{background:var(--bg-secondary);border:1px solid var(--border-primary)}.ext-feature-icon{font-size:20px}.ext-feature-text{font-size:14px;color:var(--text-primary);font-weight:500}.chrome-store-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#bb9af7,#7aa2f7);color:#1a1b26;text-decoration:none;font-size:16px;font-weight:700;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 20px #bb9af74d;border:none;cursor:pointer}.chrome-store-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #bb9af766}.cta-box{max-width:800px;margin:0 auto;padding:64px 48px;background:linear-gradient(135deg,var(--accent-blue-10) 0%,var(--accent-purple-10) 100%);border:1px solid var(--accent-blue-20);border-radius:32px;text-align:center;position:relative;overflow:hidden}[data-theme=light] .cta-box{background:linear-gradient(135deg,var(--accent-blue-15) 0%,var(--accent-purple-15) 100%);border-color:var(--accent-blue-25);box-shadow:0 4px 20px var(--shadow-md)}.cta-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--accent-blue-10) 0%,transparent 50%);animation:ctaGlow 10s ease-in-out infinite}@keyframes ctaGlow{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}.cta-content{position:relative;z-index:1}.cta-title{font-size:clamp(28px,4vw,40px);font-weight:700;color:var(--text-primary);margin-bottom:16px}.cta-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.footer{position:relative;z-index:1;padding:48px 40px;border-top:1px solid var(--border-secondary);text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.footer-logo{display:flex;align-items:baseline;gap:4px;font-weight:800;font-size:28px;text-decoration:none}.footer-tagline{font-size:14px;color:var(--text-muted);max-width:400px}.footer-links{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.footer-link:hover{color:var(--accent-blue)}.footer-copyright{font-size:13px;color:var(--text-muted)}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}@media(max-width:968px){.extension-container{grid-template-columns:1fr;gap:48px}.extension-visual{order:-1}}@media(max-width:768px){.nav{padding:15px 20px}.nav-center{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0d0d1afa;padding:20px;gap:20px;border-bottom:1px solid var(--border-primary)}.nav-center.active{display:flex}.nav-right{gap:12px}.nav-download-btn{display:none}.nav-toggle{display:flex}.hero{padding:100px 20px 60px}.hero-features{padding:16px 24px;gap:16px}.feature-divider{display:none}.hero-feature{width:100%;justify-content:center}.section{padding:60px 20px}.features-grid,.players-grid{grid-template-columns:1fr}.step{flex-direction:column;align-items:center;text-align:center;gap:20px}.cta-box{padding:40px 24px}.download-links{flex-direction:column;gap:12px}.footer{padding:32px 20px}.footer-links{gap:20px}.extension-card{padding:28px}}