.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;background-color:var(--background);color:var(--text-color);font-family:Nunito,sans-serif;min-height:100dvh}.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{background:linear-gradient(135deg,#080f28f2,#121e50e6);color:#fff;overflow:hidden;position:relative}.extension-page .extension-hero .hero-container{align-items:center;display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1200px;text-align:center}@media(min-width:1024px){.extension-page .extension-hero .hero-container{align-items:center;flex-direction:row;gap:60px;text-align:left}}.extension-page .extension-hero .hero-content{flex:1}.extension-page .extension-hero .hero-content h1{background:linear-gradient(90deg,#fff,var(--primary-color));-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:800;line-height:1.2;margin-bottom:20px;-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{color:var(--secondary-color);font-size:2.4rem;font-weight:600;margin-bottom:20px}.extension-page .extension-hero .hero-content .description{color:#fffc;font-size:1.8rem;line-height:1.6;margin-bottom:30px}.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{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1.8rem;font-weight:700;gap:10px;justify-content:center;padding:15px 30px;text-decoration:none;transition:all .3s ease}.extension-page .extension-hero .hero-content .hero-actions .btn.btn-primary{background-color:var(--primary-color);box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.4);color:#fff}.extension-page .extension-hero .hero-content .hero-actions .btn.btn-primary:hover{box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.6);transform:translateY(-2px)}.extension-page .extension-hero .hero-content .hero-actions .btn.btn-secondary{background-color:transparent;border:2px solid hsla(0,0%,100%,.2);color:#fff}.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;max-width:500px;position:relative;width:100%}.extension-page .extension-hero .hero-image img{border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 20px 40px #0006;height:auto;transition:transform .3s ease;width:100%}.extension-page .extension-hero .hero-image img:hover{transform:translateY(-5px)}.extension-page .extension-hero .hero-image:before{background:radial-gradient(circle,rgba(var(--primary-color-rgb),.2) 0,transparent 70%);content:"";height:140%;left:-20%;position:absolute;top:-20%;width:140%;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{color:var(--title-color);font-size:3.2rem;font-weight:800;margin-bottom:50px;text-align:center}@media(min-width:768px){.extension-page .extension-features .section-title{font-size:4rem}}.extension-page .extension-features .features-grid{display:grid;gap:30px;grid-template-columns:1fr;margin:0 auto;max-width:1200px}@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:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;gap:20px;padding:30px;transition:all .3s ease}.extension-page .extension-features .feature-card:hover{border-color:var(--primary-color);box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.extension-page .extension-features .feature-card:hover .feature-icon{background-color:var(--primary-color);color:#fff}.extension-page .extension-features .feature-card .feature-icon{align-items:center;background-color:rgba(var(--primary-color-rgb),.1);border-radius:12px;color:var(--primary-color);display:flex;font-size:28px;height:60px;justify-content:center;transition:all .3s ease;width:60px}.extension-page .extension-features .feature-card .feature-title{color:var(--title-color);font-size:2rem;font-weight:700}.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{color:var(--title-color);font-size:3.2rem;font-weight:800;margin-bottom:20px;text-align:center}@media(min-width:768px){.extension-page .extension-screenshots .section-title{font-size:4rem}}.extension-page .extension-screenshots .section-desc{color:var(--text-color);font-size:1.6rem;line-height:1.6;margin:0 auto 50px;max-width:600px;text-align:center}.extension-page .extension-screenshots .screenshots-carousel{display:flex;gap:20px;margin:0 auto;max-width:1200px;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{border:1px solid var(--border-color);border-radius:12px;box-shadow:0 15px 35px #0000001a;flex:0 0 calc(100% - 40px);max-width:400px;overflow:hidden;scroll-snap-align:center}@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{display:block;height:auto;transition:transform .5s ease;width:100%}.extension-page .extension-screenshots .screenshot-item img:hover{transform:scale(1.05)}.extension-page .extension-screenshots .screenshot-item .screenshot-caption{background:var(--card-bg);border-top:1px solid var(--border-color);color:var(--title-color);font-size:1.6rem;font-weight:600;padding:15px;text-align:center}.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{background:var(--background);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 50px #00000014;display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1000px;overflow:hidden}@media(min-width:768px){.extension-page .extension-register .register-container{flex-direction:row}}.extension-page .extension-register .register-info{background:linear-gradient(135deg,var(--primary-color) 0,#114b9b 100%);color:#fff;display:flex;flex:1;flex-direction:column;justify-content:center;padding:50px}.extension-page .extension-register .register-info h2{font-size:3.2rem;font-weight:800;line-height:1.3;margin-bottom:20px}.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;margin:0;padding:0}.extension-page .extension-register .register-info .benefits li{align-items:center;display:flex;font-size:1.6rem;font-weight:600;gap:15px;margin-bottom:15px}.extension-page .extension-register .register-info .benefits li .icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:1.6rem;height:32px;justify-content:center;width:32px}.extension-page .extension-register .register-form-wrap{display:flex;flex:1.2;flex-direction:column;justify-content:center;padding:40px}.extension-page .extension-register .register-form-wrap h3{color:var(--title-color);font-size:2.8rem;font-weight:700;margin-bottom:10px;text-align:center}.extension-page .extension-register .register-form-wrap .form-desc{color:var(--text-color);font-size:1.6rem;margin-bottom:30px;text-align:center}.extension-page .extension-register .register-form-wrap .form-group{margin-bottom:20px}.extension-page .extension-register .register-form-wrap .form-group label{color:var(--title-color);display:block;font-size:1.6rem;font-weight:600;margin-bottom:8px}.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{background:var(--background);border:2px solid #ccc;border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1.6rem;padding:12px 15px;transition:all .3s ease;width:100%}.extension-page .extension-register .register-form-wrap .form-group .input-wrap input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.extension-page .extension-register .register-form-wrap .form-group .input-wrap .toggle-pass{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.6rem;opacity:.6;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.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{font-size:2.4rem;font-weight:700;letter-spacing:5px;text-align:center}.extension-page .extension-register .register-form-wrap .form-actions{margin-top:30px}.extension-page .extension-register .register-form-wrap .form-actions .btn-submit{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.7rem;font-weight:700;padding:14px;transition:all .3s ease;width:100%}.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{cursor:not-allowed;opacity:.7}.extension-page .extension-register .register-form-wrap .form-alert{border-radius:8px;font-size:1.5rem;margin-bottom:20px;padding:12px 15px}.extension-page .extension-register .register-form-wrap .form-alert.error{background-color:#dc35451a;border:1px solid rgba(220,53,69,.2);color:#dc3545}.extension-page .extension-register .register-form-wrap .form-alert.success{background-color:#28a7451a;border:1px solid rgba(40,167,69,.2);color:#28a745}.extension-page .extension-register .register-form-wrap .verify-links{display:flex;font-size:1.4rem;justify-content:space-between;margin-top:15px}.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}