*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-color: #08080a;--card-bg: #121215;--card-border: #1f1f23;--text-main: #f3f4f6;--text-muted: #9ca3af;--accent-color: #ffffff;--accent-blue: #1d4ed8;--accent-blue-hover: #1e40af;--accent-blue-light: #60a5fa;--btn-secondary-bg: #1c1c21;--btn-secondary-border: #2e2e35;--btn-secondary-text: #f3f4f6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-speed: .2s}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0;overflow-x:hidden}.header{border-bottom:1px solid #1a1a1f;background-color:#08080ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;width:100%}.header-container{max-width:1100px;margin:0 auto;padding:1.1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;transition:opacity var(--transition-speed)}.logo:hover{opacity:.9}.logo-svg{width:32px;height:32px;color:#fff}.logo-text{font-weight:800;font-size:1.15rem;letter-spacing:.05em;color:#fff}.main-content{width:100%;position:relative;z-index:10}.hero-section{max-width:1100px;margin:0 auto;padding:4.5rem 1.5rem 3.5rem;text-align:center}.main-title{font-size:3rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#fff;margin-bottom:1.25rem}.subtitle{font-size:1.2rem;color:var(--text-muted);max-width:660px;margin:0 auto;line-height:1.5}.guide-grid{max-width:1100px;margin:0 auto;padding:0 1.5rem 4.5rem;display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2.5rem;transition:border-color var(--transition-speed),transform var(--transition-speed)}.card:hover{border-color:#ffffff1f}.error-card{padding:0;overflow:hidden;border-color:var(--card-border);display:flex;flex-direction:column}.card-header-simple{display:flex;gap:6px;padding:.9rem 1.25rem;border-bottom:1px solid #17171a;background-color:#0e0e11}.browser-dot{width:8px;height:8px;border-radius:50%}.browser-dot.red{background-color:#ff5f56}.browser-dot.yellow{background-color:#ffbd2e}.browser-dot.green{background-color:#27c93f}.mock-gemini-container{padding:3.5rem 2.5rem;background-color:#000;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.gemini-title{font-size:2.3rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1.25rem;background:linear-gradient(135deg,#7da5f9 20%,#f28b82 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gemini-bold{color:#fff;font-size:1.35rem;font-weight:600;line-height:1.3;margin-bottom:.6rem}.gemini-sub{color:#9aa0a6;font-size:.95rem;line-height:1.4;margin-bottom:2rem}.gemini-error-box{border-top:1px solid #1f2228;padding-top:1.25rem;color:#e8eaed;font-size:.95rem;font-weight:500;line-height:1.5}.solution-card{display:flex;flex-direction:column;justify-content:center}.card-title{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:1rem}.solution-text{font-size:.98rem;color:var(--text-muted);line-height:1.6}.promo-box{background-color:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:1.75rem;margin-top:2rem;display:flex;flex-direction:column;gap:.6rem}.promo-box h3{font-size:1.15rem;font-weight:700;color:#fff}.promo-box p{font-size:.92rem;color:var(--text-muted);line-height:1.4;margin-bottom:.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;transition:background-color var(--transition-speed),border-color var(--transition-speed),color var(--transition-speed);cursor:pointer;text-align:center}.btn-primary{background-color:#fff;color:#08080a;border:1px solid #ffffff}.btn-primary:hover{background-color:#e5e7eb;border-color:#e5e7eb}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background-color:#25252b;border-color:#3f3f4a}.btn-sm{padding:.45rem 1rem;font-size:.85rem}.faq-section{max-width:1100px;margin:0 auto 6rem;padding:0 1.5rem}.section-title{font-size:1.8rem;font-weight:800;color:#fff;margin-bottom:2rem}.faq-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.faq-card{padding:2rem}.faq-question{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.4}.faq-answer{font-size:.95rem;color:var(--text-muted);line-height:1.6}.faq-answer-note{font-size:.95rem;color:var(--text-muted);line-height:1.6;border-left:2px solid var(--accent-blue);padding-left:.75rem}.footer{border-top:1px solid #1a1a1f;background-color:#050506}.footer-container{max-width:1100px;margin:0 auto;padding:3rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.footer-left{display:flex;flex-direction:column;gap:.25rem}.footer-brand{display:flex;align-items:center;gap:.5rem}.footer-logo-text{font-weight:800;font-size:1.1rem;letter-spacing:.05em;color:#fff}.footer-moto{font-size:.85rem;color:var(--text-muted)}.promo-banner-section{max-width:1100px;margin:0 auto;padding:0 1.5rem}.promo-minimal-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:4.5rem;transition:border-color var(--transition-speed)}.promo-minimal-card:hover{border-color:#ffffff1a}.promo-text-group{display:flex;flex-direction:column;gap:.25rem}.promo-text-group h3{font-size:1.25rem;font-weight:700;color:#fff}.promo-text-group p{font-size:.92rem;color:var(--text-muted);line-height:1.4}.promo-actions-group{display:flex;align-items:center;gap:1rem;flex-shrink:0}.promo-code-btn{background-color:#17171a;border:1px solid var(--card-border);color:var(--text-muted);font-size:.85rem;font-weight:600;padding:.65rem 1.1rem;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;transition:background-color var(--transition-speed),border-color var(--transition-speed),color var(--transition-speed)}.promo-code-btn:hover{background-color:#1c1c21;border-color:#1d4ed866;color:#fff}.promo-code-btn span{font-family:var(--font-mono);font-weight:800;color:var(--accent-blue-light);letter-spacing:.05em;margin-left:.25rem}.btn-promo-market-minimal{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent-blue);color:#fff;border:1px solid var(--accent-blue);text-decoration:none;font-weight:700;font-size:.9rem;padding:.65rem 1.25rem;border-radius:8px;transition:background-color var(--transition-speed),border-color var(--transition-speed);cursor:pointer}.btn-promo-market-minimal:hover{background-color:var(--accent-blue-hover);border-color:var(--accent-blue-hover)}.btn-vpn-action{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent-blue);color:#fff!important;border:1px solid var(--accent-blue);text-decoration:none;font-weight:700;font-size:1rem;padding:.85rem 1.75rem;border-radius:10px;transition:background-color var(--transition-speed),border-color var(--transition-speed),transform var(--transition-speed);box-shadow:0 4px 12px #1d4ed833;width:100%;text-align:center;cursor:pointer}.btn-vpn-action:hover{background-color:var(--accent-blue-hover);border-color:var(--accent-blue-hover);transform:translateY(-1.5px)}.btn-vpn-action:active{transform:translateY(0)}@media (max-width: 768px){.header-container{padding:.9rem 1.25rem}.main-content{padding:0}.hero-section{padding:3rem 1.25rem 2rem}.main-title{font-size:2.2rem}.guide-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1.25rem 3rem}.card{padding:1.75rem}.mock-gemini-container{padding:2.5rem 1.5rem}.faq-section{margin-bottom:4rem;padding:0 1.25rem}.promo-banner-section{padding:0 1.25rem}.promo-minimal-card{flex-direction:column;align-items:stretch;padding:1.5rem;gap:1.25rem;margin-bottom:3.5rem;text-align:center}.promo-text-group{gap:.35rem}.promo-actions-group{flex-direction:column;width:100%;gap:.75rem}.promo-code-btn,.btn-promo-market-minimal{width:100%;padding:.75rem;text-align:center;justify-content:center}.footer-container{flex-direction:column;gap:1.5rem}}
