:root{--primary:#1B3A5C;--primary-light:#2E6DA4;--secondary:#5BA3D9;--accent:#EBF5FB;--cta:#2E86C1;--cta-hover:#1A6FA0;--text:#212529;--light-bg:#F8FBFE;--gradient:linear-gradient(135deg,#1B3A5C 0%,#2E6DA4 100%)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:var(--text);overflow-x:hidden}
.navbar{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);transition:box-shadow .3s ease;padding:.8rem 0}
.navbar.scrolled{box-shadow:0 2px 20px rgba(27,58,92,.12)}
.navbar-brand{color:var(--primary)!important;font-size:1.5rem;letter-spacing:-.5px}
.nav-link{color:var(--primary)!important;font-weight:500;margin:0 .2rem;transition:color .3s}
.nav-link:hover{color:var(--cta)!important}
.btn-order-nav{background:var(--cta)!important;color:#fff!important;border-radius:50px;padding:.4rem 1.3rem!important;transition:all .3s}
.btn-order-nav:hover{background:var(--cta-hover)!important;transform:translateY(-1px)}
.btn-order{background:var(--cta);color:#fff;border:none;border-radius:50px;padding:.7rem 2rem;font-size:1.05rem;transition:all .3s;text-decoration:none}
.btn-order:hover{background:var(--cta-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px rgba(46,134,193,.35)}
.hero{background:var(--gradient);padding:8rem 0 5rem;color:#fff;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#fff,transparent)}
.hero h1{font-size:2.8rem;font-weight:800;line-height:1.15;margin-bottom:1rem}
.hero .lead{font-size:1.15rem;opacity:.9;margin-bottom:2rem}
.hero img{max-width:350px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}
.trust-bar{background:var(--accent);padding:2rem 0}
.trust-card{text-align:center;padding:1.2rem}
.trust-card img{height:55px;margin-bottom:.6rem}
.trust-card p{font-weight:600;font-size:.85rem;color:var(--primary);margin:0}
.section-padding{padding:5rem 0}
.section-light{background:var(--light-bg)}
.section-accent{background:var(--accent)}
.section-title{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}
.section-subtitle{color:#6c757d;margin-bottom:2.5rem}
.what-is-img{max-width:420px;filter:drop-shadow(0 15px 30px rgba(0,0,0,.15))}
.advantage-card{background:#fff;border-radius:16px;padding:2rem 1.5rem;text-align:center;box-shadow:0 4px 20px rgba(27,58,92,.08);transition:transform .3s;height:100%;border:1px solid rgba(91,163,217,.1)}
.advantage-card:hover{transform:translateY(-5px)}
.advantage-card .icon{width:60px;height:60px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:var(--primary)}
.how-step{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px rgba(27,58,92,.06);border-left:4px solid var(--cta);margin-bottom:1rem}
.how-step .step-num{background:var(--cta);color:#fff;width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin-right:.8rem;flex-shrink:0}
.pricing-section{background:var(--gradient);padding:5rem 0;color:#fff}
.price-card{background:#fff;border-radius:20px;padding:2rem 1.5rem;text-align:center;color:var(--text);position:relative;transition:transform .3s;height:100%}
.price-card:hover{transform:translateY(-8px)}
.price-card.popular{border:3px solid var(--cta);transform:scale(1.03)}
.price-card.popular:hover{transform:scale(1.03) translateY(-8px)}
.popular-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--cta);color:#fff;padding:.3rem 1.5rem;border-radius:50px;font-size:.8rem;font-weight:700}
.price-card .bottles{font-size:1.1rem;font-weight:600;color:var(--primary)}
.price-card .price{font-size:2.8rem;font-weight:800;color:var(--cta);margin:.5rem 0}
.price-card .per-bottle{color:#6c757d;font-size:.9rem}
.price-card img{max-width:160px;margin:1rem 0;filter:drop-shadow(0 8px 20px rgba(0,0,0,.12))}
.ingredient-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 15px rgba(27,58,92,.06);height:100%;border-top:4px solid var(--secondary)}
.ingredient-card h4{color:var(--primary);font-weight:700}
.quality-item{display:flex;align-items:start;gap:1rem;margin-bottom:1.2rem}
.quality-item .q-icon{width:45px;height:45px;background:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.review-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(27,58,92,.08);height:100%;border-bottom:4px solid var(--secondary)}
.review-card .stars{color:#f4c542;font-size:1.2rem;margin-bottom:.8rem}
.review-card img{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:.8rem}
.benefit-item{display:flex;align-items:start;gap:1rem;margin-bottom:1.5rem}
.benefit-item .b-icon{width:45px;height:45px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--cta);flex-shrink:0}
.guarantee-section{background:var(--accent);border-radius:20px;padding:3rem;text-align:center;border:2px solid var(--secondary)}
.faq-section .accordion-button{font-weight:600;color:var(--primary);background:transparent}
.faq-section .accordion-button:not(.collapsed){background:var(--accent);color:var(--primary)}
.faq-section .accordion-button:focus{box-shadow:0 0 0 .2rem rgba(46,134,193,.25)}
.final-cta{background:var(--gradient);padding:5rem 0;color:#fff}
.final-cta .btn-order{background:#fff;color:var(--primary);font-size:1.1rem}
.final-cta .btn-order:hover{background:#f0f0f0;transform:translateY(-2px)}
.site-footer{background:#0e1f30;color:#fff;padding:3rem 0 1.5rem}
.footer-links li{margin-bottom:.5rem}
.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s;font-size:.9rem}
.footer-links a:hover{color:#fff}
.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:1050;padding:.6rem .8rem;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);box-shadow:0 -3px 15px rgba(0,0,0,.1);display:none}
.eeat-box{background:var(--accent);border-radius:12px;padding:1rem 1.2rem;font-size:.85rem;display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;border-left:4px solid var(--secondary)}
.eeat-box .eeat-item{display:flex;align-items:center;gap:.4rem}
.author-name,.editor-name{font-weight:700;color:var(--primary)}
@media(max-width:768px){
.hero h1{font-size:2rem}
.hero img{max-width:250px}
.section-padding{padding:3rem 0}
.section-title{font-size:1.6rem}
.price-card.popular{transform:none}
.price-card.popular:hover{transform:translateY(-8px)}
.what-is-img{max-width:300px}
}