.extension-page{--color-accent-blue:#1f8df4;--color-accent-green:#28a745;--color-bg-dark:#114a7f;--color-text-primary:#1e293b;--color-text-secondary:#64748b;max-width:1000px;margin:0 auto;padding:40px 20px 80px}.extension-header{text-align:center;margin-bottom:40px}.extension-title{color:var(--color-text-primary);margin-bottom:12px;font-size:2.5rem;font-weight:800;line-height:1.2}.extension-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.extension-banner{background-color:var(--color-bg-dark);border:2px solid var(--color-accent-blue);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin:40px 0;padding:20px 30px;transition:transform .2s;display:flex;box-shadow:0 10px 25px -5px #1f8df426}.banner-content{align-items:center;gap:16px;display:flex}.banner-text{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.banner-btn{background-color:var(--color-accent-green);color:#fff;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #28a7454d}.banner-btn:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 6px 16px #28a74566;color:#fff!important}.extension-content{color:#334155;max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.7}.extension-content h2{color:var(--color-text-primary);margin-top:50px;margin-bottom:20px;font-size:1.8rem;font-weight:700}.extension-content p{margin-bottom:24px}.extension-content ul{margin-bottom:24px;padding-left:20px}.extension-content li{margin-bottom:10px}.screenshot-placeholder{color:#94a3b8;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;height:400px;margin:40px 0;font-weight:500;display:flex}@media (max-width:768px){.extension-banner{text-align:center;flex-direction:column;padding:24px}.banner-content{flex-direction:column}.banner-btn{justify-content:center;width:100%}}.screenshot-wrapper{justify-content:center;margin:40px 0;display:flex}.extension-screenshot{border:1px solid #e2e8f0;border-radius:12px;width:100%;height:auto;box-shadow:0 10px 30px -5px #0000001a}