:root{--primary-blue: #1da1f2;--dark-blue: #0d47a1;--text-primary: #213547;--text-secondary: #555;--text-muted: #777;--bg-primary: #ffffff;--bg-section: rgba(0, 0, 0, .02);--border-light: rgba(0, 0, 0, .1);--shadow-light: 0 4px 16px rgba(0, 0, 0, .1);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .1);--border-radius: 8px;--border-radius-large: 12px;--border-radius-xl: 16px;--firefox-orange: #ff6611;--firefox-purple: #8b2cb8;--firefox-orange-hover: #e55a0e;--firefox-purple-hover: #7a2aa6;--chrome-blue: #4285f4;--chrome-red: #ea4335;--chrome-green: #34a853;--chrome-yellow: #fbbc05;--chrome-blue-hover: #3367d6;--chrome-red-hover: #d33b2c;--chrome-green-hover: #137333;--chrome-yellow-hover: #f9ab00;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.container{text-align:center}header{margin-bottom:3rem}h1{font-size:3.5em;line-height:1.1;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-blue),var(--dark-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.2em;color:var(--text-secondary);margin-bottom:0}.extension-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.extension-card{background:#00000008;border:1px solid var(--border-light);border-radius:var(--border-radius-xl);padding:2rem;transition:transform .2s,box-shadow .2s}.extension-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-heavy)}.extension-card h2{font-size:1.5rem;margin:1rem 0}.extension-card p{color:var(--text-secondary);margin-bottom:2rem}.browser-icon{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.browser-icon.firefox{background:linear-gradient(135deg,var(--firefox-orange),var(--firefox-purple))}.browser-icon.firefox:before{content:"🦊"}.browser-icon.chrome{background:linear-gradient(135deg,var(--chrome-blue),var(--chrome-green),var(--chrome-yellow),var(--chrome-red))}.browser-icon.chrome:before{content:"🌐"}.download-btn{display:inline-block;padding:12px 24px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all .2s;border:2px solid transparent;color:#fff}.firefox-btn{background:linear-gradient(135deg,var(--firefox-orange),var(--firefox-purple))}.firefox-btn:hover{background:linear-gradient(135deg,var(--firefox-orange-hover),var(--firefox-purple-hover));transform:scale(1.05)}.chrome-btn{background:linear-gradient(135deg,var(--chrome-blue),var(--chrome-red),var(--chrome-green),var(--chrome-yellow))}.chrome-btn:hover{background:linear-gradient(135deg,var(--chrome-blue-hover),var(--chrome-red-hover),var(--chrome-green-hover),var(--chrome-yellow-hover));transform:scale(1.05)}.screenshots{margin:4rem 0;padding:2rem;background:var(--bg-section);border-radius:var(--border-radius-large);border:1px solid var(--border-light)}.screenshots h3{font-size:1.8rem;margin-bottom:2rem}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.screenshot-item{text-align:center}.screenshot-item img{width:100%;max-width:400px;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-light);margin-bottom:1rem;cursor:pointer}.screenshot-item p{color:var(--text-secondary);font-size:.9rem;margin:0}.setup{margin:4rem 0;padding:2rem;background:var(--bg-section);border-radius:var(--border-radius-large);border:1px solid var(--border-light)}.setup h3{font-size:1.8rem;margin-bottom:2rem}.setup-item{display:flex;align-items:center;gap:2rem;text-align:left}.setup-image img{height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}.setup-text{flex:1;text-align:center}.setup-text p{color:var(--text-secondary);font-size:1rem;margin:0 0 .5rem}.api-hint{color:var(--text-muted);font-size:.9rem;font-style:italic}.download-links{margin:4rem 0;padding:2rem;background:var(--bg-section);border-radius:var(--border-radius-large);border:1px solid var(--border-light);text-align:center}.download-links h3{font-size:1.8rem;margin-bottom:2rem}.download-buttons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.features{margin-top:4rem;padding:2rem;background:var(--bg-section);border-radius:var(--border-radius-large);border:1px solid var(--border-light)}.features h3{font-size:1.8rem;margin-bottom:1.5rem}.features ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.features li{padding:1rem;background:#00000008;border-radius:var(--border-radius);border-left:4px solid var(--primary-blue)}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{position:relative;max-width:90%;max-height:90%;animation:scaleIn .3s ease}.modal-image{width:100%;height:auto;max-width:800px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0000004d}.close-btn{position:absolute;top:-10px;right:-10px;background:#fff;color:#333;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;z-index:1001}.close-btn:hover{background:#f0f0f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}