.extension-page{--primary-color:#915715;--primary-color-rgb:145,87,21;--secondary-color:#d4a843;--title-color:#2c1a06;--text-color:#7a6040;--background:#fff;--card-bg:#fdf8f3;--border-color:#e5d5c0;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,#1a1208f7,#3a240ced);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-hero .hero-guide-wrapper{margin:50px auto 0;max-width:1200px;position:relative;width:100%;z-index:2}@media(min-width:768px){.extension-page .extension-hero .hero-guide-wrapper{margin-top:70px}}.extension-page .extension-hero .pin-guide-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#251a0cc7;border:1px solid hsla(0,0%,100%,.12);border-radius:20px;box-shadow:0 20px 50px #00000059,inset 0 1px #ffffff1a;padding:28px 18px;transition:border-color .3s ease}@media(min-width:768px){.extension-page .extension-hero .pin-guide-card{padding:36px 32px}}.extension-page .extension-hero .pin-guide-card:hover{border-color:rgba(var(--primary-color-rgb),.4)}.extension-page .extension-hero .guide-header{margin:0 auto 30px;max-width:780px;text-align:center}.extension-page .extension-hero .guide-header .guide-badge{align-items:center;background:rgba(var(--primary-color-rgb),.18);border:1px solid rgba(var(--primary-color-rgb),.35);border-radius:999px;color:#e8c46a;display:inline-flex;font-size:1.4rem;font-weight:700;gap:8px;margin-bottom:14px;padding:6px 16px}.extension-page .extension-hero .guide-header .guide-badge .badge-icon{font-size:1.5rem}.extension-page .extension-hero .guide-header .guide-title{color:#fff;font-size:2.2rem;font-weight:800;line-height:1.35;margin-bottom:12px}@media(min-width:768px){.extension-page .extension-hero .guide-header .guide-title{font-size:2.8rem}}.extension-page .extension-hero .guide-header .guide-subtitle{color:#ffffffd1;font-size:1.55rem;line-height:1.6}.extension-page .extension-hero .guide-header .guide-subtitle strong{color:#fff;font-weight:700}.extension-page .extension-hero .guide-steps{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:25px}@media(min-width:900px){.extension-page .extension-hero .guide-steps{align-items:stretch;flex-direction:row;gap:12px;justify-content:space-between}}.extension-page .extension-hero .guide-step{align-items:center;background:#2e2010b8;border:1px solid hsla(0,0%,100%,.08);border-radius:16px;display:flex;flex:1;flex-direction:column;padding:24px 18px;position:relative;text-align:center;transition:all .3s ease;width:100%}.extension-page .extension-hero .guide-step:hover{background:#2e2010f2;border-color:rgba(var(--primary-color-rgb),.4);box-shadow:0 12px 30px #00000040;transform:translateY(-4px)}.extension-page .extension-hero .guide-step .step-badge{background:var(--primary-color);border-radius:999px;box-shadow:0 4px 10px rgba(var(--primary-color-rgb),.4);color:#fff;font-size:1.25rem;font-weight:800;left:18px;padding:3px 12px;position:absolute;top:-11px}.extension-page .extension-hero .guide-step .step-illustration{margin:8px auto 16px;max-width:220px;width:100%}.extension-page .extension-hero .guide-step .step-illustration .step-svg{display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.3));height:auto;width:100%}.extension-page .extension-hero .guide-step .step-info{display:flex;flex:1;flex-direction:column;gap:8px}.extension-page .extension-hero .guide-step .step-info .step-heading{color:#fff;font-size:1.75rem;font-weight:700}.extension-page .extension-hero .guide-step .step-info .step-text{color:#ffffffbf;font-size:1.45rem;line-height:1.55}.extension-page .extension-hero .guide-step .step-info .step-text strong{color:var(--secondary-color);font-weight:700}.extension-page .extension-hero .step-arrow{color:#ffffff59;display:none;flex-shrink:0}@media(min-width:900px){.extension-page .extension-hero .step-arrow{align-items:center;display:flex;justify-content:center}}.extension-page .extension-hero .step-arrow svg{height:22px;width:22px}.extension-page .extension-hero .guide-footer-note{align-items:flex-start;background:#9157151a;border:1px solid rgba(145,87,21,.3);border-radius:12px;color:#ffffffe0;display:flex;font-size:1.5rem;gap:14px;line-height:1.6;padding:16px 20px;text-align:left}.extension-page .extension-hero .guide-footer-note .note-icon{flex-shrink:0;font-size:2rem;line-height:1.2}.extension-page .extension-hero .guide-footer-note .note-content strong{color:#fff;font-weight:700}.extension-page .extension-hero .guide-footer-note .note-content a{color:#e8c46a;font-weight:700;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.extension-page .extension-hero .guide-footer-note .note-content a:hover{color:#d4a843}.extension-page .extension-video-guide{padding:60px 20px}@media(min-width:768px){.extension-page .extension-video-guide{padding:80px 40px}}@media(min-width:1024px){.extension-page .extension-video-guide{padding:100px 60px}}.extension-page .extension-video-guide{background-color:var(--background)}.extension-page .extension-video-guide .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-video-guide .section-title{font-size:4rem}}.extension-page .extension-video-guide .section-desc{color:var(--text-color);font-size:1.6rem;line-height:1.6;margin:0 auto 40px;max-width:600px;text-align:center}.extension-page .extension-video-guide .video-frame{aspect-ratio:16/9;background:#000;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 45px #00000026;margin:0 auto;max-width:860px;overflow:hidden}.extension-page .extension-video-guide .video-frame iframe{border:0;display:block;height:100%;width:100%}.extension-page .extension-video-guide .video-thumbnail{border:0;cursor:pointer;display:block;height:100%;padding:0;position:relative;width:100%}.extension-page .extension-video-guide .video-thumbnail img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.extension-page .extension-video-guide .video-thumbnail .play-button{align-items:center;background:#915715e6;border-radius:50%;box-shadow:0 8px 24px #00000059;display:flex;height:76px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,background .2s ease;width:76px}.extension-page .extension-video-guide .video-thumbnail .play-button svg{margin-left:4px}.extension-page .extension-video-guide .video-thumbnail:hover .play-button{background:#915715;transform:translate(-50%,-50%) scale(1.08)}.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-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{color:var(--title-color);font-size:3.2rem;font-weight:800;margin-bottom:20px;text-align:center}@media(min-width:768px){.extension-page .extension-pricing .section-title{font-size:4rem}}.extension-page .extension-pricing .section-desc{color:var(--text-color);font-size:1.6rem;line-height:1.6;margin:0 auto 50px;max-width:640px;text-align:center}.extension-page .extension-pricing .pricing-grid{align-items:stretch;display:grid;gap:30px;grid-template-columns:1fr;margin:0 auto;max-width:1100px}@media(min-width:768px){.extension-page .extension-pricing .pricing-grid{gap:24px;grid-template-columns:repeat(3,1fr)}}.extension-page .extension-pricing .pricing-card{background:var(--background);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;padding:32px 26px;position:relative;transition:all .3s ease}.extension-page .extension-pricing .pricing-card:hover{border-color:var(--primary-color);box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.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{background:var(--secondary-color);border-radius:999px;color:#2c1a06;font-size:1.3rem;font-weight:800;left:50%;padding:6px 16px;position:absolute;top:-14px;transform:translate(-50%);white-space:nowrap}.extension-page .extension-pricing .pricing-card .plan-name{color:var(--title-color);font-size:2.2rem;font-weight:800}.extension-page .extension-pricing .pricing-card .plan-tagline{color:var(--text-color);font-size:1.5rem;margin-top:6px;opacity:.85}.extension-page .extension-pricing .pricing-card .plan-price{align-items:baseline;display:flex;gap:4px;margin-top:20px}.extension-page .extension-pricing .pricing-card .plan-price .price-value{color:var(--primary-color);font-size:3.4rem;font-weight:800;line-height:1.1}.extension-page .extension-pricing .pricing-card .plan-price .price-period{color:var(--text-color);font-size:1.6rem;font-weight:600}.extension-page .extension-pricing .pricing-card .plan-note{color:var(--text-color);font-size:1.4rem;margin-top:6px;min-height:2em;opacity:.8}.extension-page .extension-pricing .pricing-card .plan-features{display:flex;flex:1;flex-direction:column;gap:12px;list-style:none;margin:24px 0 28px;padding:0}.extension-page .extension-pricing .pricing-card .plan-features li{align-items:flex-start;color:var(--text-color);display:flex;font-size:1.5rem;gap:10px;line-height:1.5}.extension-page .extension-pricing .pricing-card .plan-features li .check{color:var(--primary-color);flex-shrink:0;font-weight:800}.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{background:transparent;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);display:block;font-size:1.6rem;font-weight:700;padding:13px 18px;text-align:center;text-decoration:none;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:#6b3f0a}.extension-page .extension-pricing .pricing-footnote{color:var(--text-color);font-size:1.5rem;line-height:1.6;margin:40px auto 0;max-width:720px;text-align:center}.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{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,#6b3f0a 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:#6b3f0a}.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}