.extension-page{--primary-color:#1a73e8;--primary-color-rgb:26, 115, 232;--secondary-color:#fbbc04;--title-color:#1a1a2e;--text-color:#4a4a68;--background:#fff;--card-bg:#f8f9fa;--border-color:#e0e0e0;min-height:100dvh;background-color:var(--background);color:var(--text-color);font-family:Nunito,sans-serif}.extension-page .extension-hero{padding:60px 20px}@media(min-width:768px){.extension-page .extension-hero{padding:80px 40px}}@media(min-width:1024px){.extension-page .extension-hero{padding:100px 60px}}.extension-page .extension-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#080f28f2,#121e50e6);color:#fff}.extension-page .extension-hero .hero-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px}@media(min-width:1024px){.extension-page .extension-hero .hero-container{flex-direction:row;text-align:left;align-items:center;gap:60px}}.extension-page .extension-hero .hero-content{flex:1}.extension-page .extension-hero .hero-content h1{font-size:5rem;font-weight:800;margin-bottom:20px;line-height:1.2;background:linear-gradient(90deg,#fff,var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:768px){.extension-page .extension-hero .hero-content h1{font-size:7.2rem}}.extension-page .extension-hero .hero-content .slogan{font-size:2.4rem;font-weight:600;margin-bottom:20px;color:var(--secondary-color)}.extension-page .extension-hero .hero-content .description{font-size:1.8rem;line-height:1.6;margin-bottom:30px;color:#fffc}.extension-page .extension-hero .hero-content .hero-actions{display:flex;flex-direction:column;gap:15px}@media(min-width:640px){.extension-page .extension-hero .hero-content .hero-actions{flex-direction:row;justify-content:center}}@media(min-width:1024px){.extension-page .extension-hero .hero-content .hero-actions{justify-content:flex-start}}.extension-page .extension-hero .hero-content .hero-actions .btn{padding:15px 30px;border-radius:8px;font-weight:700;font-size:1.8rem;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:none}.extension-page .extension-hero .hero-content .hero-actions .btn.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.4)}.extension-page .extension-hero .hero-content .hero-actions .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.6)}.extension-page .extension-hero .hero-content .hero-actions .btn.btn-secondary{background-color:transparent;color:#fff;border:2px solid hsla(0,0%,100%,.2)}.extension-page .extension-hero .hero-content .hero-actions .btn.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff}.extension-page .extension-hero .hero-image{flex:1;width:100%;max-width:500px;position:relative}.extension-page .extension-hero .hero-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px #0006;border:1px solid hsla(0,0%,100%,.1);transition:transform .3s ease}.extension-page .extension-hero .hero-image img:hover{transform:translateY(-5px)}.extension-page .extension-hero .hero-image:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle,rgba(var(--primary-color-rgb),.2) 0,transparent 70%);z-index:-1}.extension-page .extension-features{padding:60px 20px}@media(min-width:768px){.extension-page .extension-features{padding:80px 40px}}@media(min-width:1024px){.extension-page .extension-features{padding:100px 60px}}.extension-page .extension-features{background-color:var(--card-bg)}.extension-page .extension-features .section-title{text-align:center;font-size:3.2rem;font-weight:800;margin-bottom:50px;color:var(--title-color)}@media(min-width:768px){.extension-page .extension-features .section-title{font-size:4rem}}.extension-page .extension-features .features-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:1200px;margin:0 auto}@media(min-width:640px){.extension-page .extension-features .features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.extension-page .extension-features .features-grid{grid-template-columns:repeat(3,1fr)}}.extension-page .extension-features .feature-card{background:var(--background);border-radius:16px;padding:30px;box-shadow:0 10px 30px #0000000d;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column;gap:20px}.extension-page .extension-features .feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a;border-color:var(--primary-color)}.extension-page .extension-features .feature-card:hover .feature-icon{background-color:var(--primary-color);color:#fff}.extension-page .extension-features .feature-card .feature-icon{width:60px;height:60px;border-radius:12px;background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:28px;transition:all .3s ease}.extension-page .extension-features .feature-card .feature-title{font-size:2rem;font-weight:700;color:var(--title-color)}.extension-page .extension-features .feature-card .feature-desc{color:var(--text-color);font-size:1.6rem;line-height:1.6}.extension-page .extension-screenshots{padding:60px 20px}@media(min-width:768px){.extension-page .extension-screenshots{padding:80px 40px}}@media(min-width:1024px){.extension-page .extension-screenshots{padding:100px 60px}}.extension-page .extension-screenshots{background-color:var(--background)}.extension-page .extension-screenshots .section-title{text-align:center;font-size:3.2rem;font-weight:800;margin-bottom:20px;color:var(--title-color)}@media(min-width:768px){.extension-page .extension-screenshots .section-title{font-size:4rem}}.extension-page .extension-screenshots .section-desc{text-align:center;max-width:600px;margin:0 auto 50px;color:var(--text-color);font-size:1.6rem;line-height:1.6}.extension-page .extension-screenshots .screenshots-carousel{max-width:1200px;margin:0 auto;display:flex;gap:20px;overflow-x:auto;padding-bottom:20px;scroll-snap-type:x mandatory}.extension-page .extension-screenshots .screenshots-carousel::-webkit-scrollbar{height:8px}.extension-page .extension-screenshots .screenshots-carousel::-webkit-scrollbar-track{background:var(--border-color);border-radius:4px}.extension-page .extension-screenshots .screenshots-carousel::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.extension-page .extension-screenshots .screenshot-item{flex:0 0 calc(100% - 40px);max-width:400px;scroll-snap-align:center;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px #0000001a;border:1px solid var(--border-color)}@media(min-width:640px){.extension-page .extension-screenshots .screenshot-item{flex:0 0 calc(50% - 20px)}}@media(min-width:1024px){.extension-page .extension-screenshots .screenshot-item{flex:0 0 calc(33.333% - 20px)}}.extension-page .extension-screenshots .screenshot-item img{width:100%;height:auto;display:block;transition:transform .5s ease}.extension-page .extension-screenshots .screenshot-item img:hover{transform:scale(1.05)}.extension-page .extension-screenshots .screenshot-item .screenshot-caption{padding:15px;background:var(--card-bg);text-align:center;font-weight:600;font-size:1.6rem;color:var(--title-color);border-top:1px solid var(--border-color)}.extension-page .extension-pricing{padding:60px 20px}@media(min-width:768px){.extension-page .extension-pricing{padding:80px 40px}}@media(min-width:1024px){.extension-page .extension-pricing{padding:100px 60px}}.extension-page .extension-pricing{background-color:var(--card-bg)}.extension-page .extension-pricing .section-title{text-align:center;font-size:3.2rem;font-weight:800;margin-bottom:20px;color:var(--title-color)}@media(min-width:768px){.extension-page .extension-pricing .section-title{font-size:4rem}}.extension-page .extension-pricing .section-desc{text-align:center;max-width:640px;margin:0 auto 50px;color:var(--text-color);font-size:1.6rem;line-height:1.6}.extension-page .extension-pricing .pricing-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:1100px;margin:0 auto;align-items:stretch}@media(min-width:768px){.extension-page .extension-pricing .pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.extension-page .extension-pricing .pricing-card{position:relative;display:flex;flex-direction:column;background:var(--background);border:1px solid var(--border-color);border-radius:16px;padding:32px 26px;box-shadow:0 10px 30px #0000000d;transition:all .3s ease}.extension-page .extension-pricing .pricing-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a;border-color:var(--primary-color)}.extension-page .extension-pricing .pricing-card.featured{border-color:var(--primary-color);box-shadow:0 15px 40px rgba(var(--primary-color-rgb),.18)}@media(min-width:768px){.extension-page .extension-pricing .pricing-card.featured{transform:scale(1.04)}.extension-page .extension-pricing .pricing-card.featured:hover{transform:scale(1.04) translateY(-5px)}}.extension-page .extension-pricing .pricing-card .plan-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--secondary-color);color:#1a1a2e;font-weight:800;font-size:1.3rem;padding:6px 16px;border-radius:999px;white-space:nowrap}.extension-page .extension-pricing .pricing-card .plan-name{font-size:2.2rem;font-weight:800;color:var(--title-color)}.extension-page .extension-pricing .pricing-card .plan-tagline{margin-top:6px;font-size:1.5rem;color:var(--text-color);opacity:.85}.extension-page .extension-pricing .pricing-card .plan-price{margin-top:20px;display:flex;align-items:baseline;gap:4px}.extension-page .extension-pricing .pricing-card .plan-price .price-value{font-size:3.4rem;font-weight:800;color:var(--primary-color);line-height:1.1}.extension-page .extension-pricing .pricing-card .plan-price .price-period{font-size:1.6rem;font-weight:600;color:var(--text-color)}.extension-page .extension-pricing .pricing-card .plan-note{margin-top:6px;font-size:1.4rem;color:var(--text-color);opacity:.8;min-height:2em}.extension-page .extension-pricing .pricing-card .plan-features{list-style:none;padding:0;margin:24px 0 28px;display:flex;flex-direction:column;gap:12px;flex:1}.extension-page .extension-pricing .pricing-card .plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:1.5rem;line-height:1.5;color:var(--text-color)}.extension-page .extension-pricing .pricing-card .plan-features li .check{color:var(--primary-color);font-weight:800;flex-shrink:0}.extension-page .extension-pricing .pricing-card .plan-features li.muted{opacity:.65}.extension-page .extension-pricing .pricing-card .plan-features li.muted .check{color:var(--text-color)}.extension-page .extension-pricing .pricing-card .plan-cta{display:block;text-align:center;padding:13px 18px;border-radius:8px;font-weight:700;font-size:1.6rem;text-decoration:none;border:2px solid var(--primary-color);color:var(--primary-color);background:transparent;transition:all .3s ease}.extension-page .extension-pricing .pricing-card .plan-cta:hover{background:rgba(var(--primary-color-rgb),.08)}.extension-page .extension-pricing .pricing-card .plan-cta.cta-primary{background:var(--primary-color);color:#fff}.extension-page .extension-pricing .pricing-card .plan-cta.cta-primary:hover{background:#115bbd}.extension-page .extension-pricing .pricing-footnote{max-width:720px;margin:40px auto 0;text-align:center;font-size:1.5rem;line-height:1.6;color:var(--text-color)}.extension-page .extension-pricing .pricing-footnote a{color:var(--primary-color);font-weight:700;text-decoration:none}.extension-page .extension-pricing .pricing-footnote a:hover{text-decoration:underline}.extension-page .extension-register{padding:60px 20px}@media(min-width:768px){.extension-page .extension-register{padding:80px 40px}}@media(min-width:1024px){.extension-page .extension-register{padding:100px 60px}}.extension-page .extension-register{background-color:var(--card-bg)}.extension-page .extension-register .register-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:40px;background:var(--background);border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000014;border:1px solid var(--border-color)}@media(min-width:768px){.extension-page .extension-register .register-container{flex-direction:row}}.extension-page .extension-register .register-info{flex:1;padding:50px;background:linear-gradient(135deg,var(--primary-color) 0,#114b9b 100%);color:#fff;display:flex;flex-direction:column;justify-content:center}.extension-page .extension-register .register-info h2{font-size:3.2rem;font-weight:800;margin-bottom:20px;line-height:1.3}.extension-page .extension-register .register-info p{font-size:1.8rem;line-height:1.6;margin-bottom:30px;opacity:.9}.extension-page .extension-register .register-info .benefits{list-style:none;padding:0;margin:0}.extension-page .extension-register .register-info .benefits li{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-weight:600;font-size:1.6rem}.extension-page .extension-register .register-info .benefits li .icon{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.extension-page .extension-register .register-form-wrap{flex:1.2;padding:40px;display:flex;flex-direction:column;justify-content:center}.extension-page .extension-register .register-form-wrap h3{font-size:2.8rem;font-weight:700;margin-bottom:10px;color:var(--title-color);text-align:center}.extension-page .extension-register .register-form-wrap .form-desc{text-align:center;color:var(--text-color);font-size:1.6rem;margin-bottom:30px}.extension-page .extension-register .register-form-wrap .form-group{margin-bottom:20px}.extension-page .extension-register .register-form-wrap .form-group label{display:block;font-weight:600;margin-bottom:8px;font-size:1.6rem;color:var(--title-color)}.extension-page .extension-register .register-form-wrap .form-group .input-wrap{position:relative}.extension-page .extension-register .register-form-wrap .form-group .input-wrap input{width:100%;padding:12px 15px;border-radius:8px;border:2px solid #ccc;background:var(--background);color:var(--text-color);font-size:1.6rem;font-family:inherit;transition:all .3s ease}.extension-page .extension-register .register-form-wrap .form-group .input-wrap input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.extension-page .extension-register .register-form-wrap .form-group .input-wrap .toggle-pass{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-color);opacity:.6;font-size:1.6rem}.extension-page .extension-register .register-form-wrap .form-group .input-wrap .toggle-pass:hover{opacity:1}.extension-page .extension-register .register-form-wrap .form-group.otp-group input{text-align:center;font-size:2.4rem;letter-spacing:5px;font-weight:700}.extension-page .extension-register .register-form-wrap .form-actions{margin-top:30px}.extension-page .extension-register .register-form-wrap .form-actions .btn-submit{width:100%;padding:14px;border-radius:8px;background-color:var(--primary-color);color:#fff;font-weight:700;font-size:1.7rem;border:none;cursor:pointer;transition:all .3s ease}.extension-page .extension-register .register-form-wrap .form-actions .btn-submit:hover:not(:disabled){background-color:#115bbd}.extension-page .extension-register .register-form-wrap .form-actions .btn-submit:disabled{opacity:.7;cursor:not-allowed}.extension-page .extension-register .register-form-wrap .form-alert{margin-bottom:20px;padding:12px 15px;border-radius:8px;font-size:1.5rem}.extension-page .extension-register .register-form-wrap .form-alert.error{background-color:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.extension-page .extension-register .register-form-wrap .form-alert.success{background-color:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.extension-page .extension-register .register-form-wrap .verify-links{margin-top:15px;display:flex;justify-content:space-between;font-size:1.4rem}.extension-page .extension-register .register-form-wrap .verify-links a{color:var(--primary-color);text-decoration:none}.extension-page .extension-register .register-form-wrap .verify-links a:hover{text-decoration:underline}