* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; background:#f6f7f6; color:#25332b; line-height:1.6; }
img { max-width:100%; }
a { color:inherit; }
.site-header { background:#173e2b; color:white; }
.header-inner { max-width:1180px; margin:0 auto; padding:22px 25px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.site-name { color:white; text-decoration:none; font-size:24px; font-weight:bold; }
.main-nav { display:flex; flex-wrap:wrap; gap:22px; }
.main-nav a { color:white; text-decoration:none; font-size:14px; }
.main-nav a:hover { text-decoration:underline; }
.container { max-width:1180px; margin:0 auto; padding:50px 25px; }
.section { max-width:1180px; margin:0 auto; padding:55px 25px; }
.section-header { margin-bottom:28px; }
.section-header h2 { margin:0 0 8px; color:#173e2b; font-size:32px; }
.section-header p { margin:0; color:#66756d; }
.page-header { margin-bottom:35px; }
.page-header h1 { margin:0 0 10px; font-size:40px; color:#173e2b; }
.page-header p { margin:0; max-width:800px; color:#617067; font-size:18px; }
.empty { background:white; padding:40px; border-radius:10px; text-align:center; color:#6d7a73; }
.button { display:inline-block; padding:11px 16px; background:#1f5138; color:white; text-decoration:none; font-size:14px; font-weight:bold; border-radius:6px; }
.button:hover { background:#173e2b; }
.button.secondary { background:white; color:#173e2b; border:1px solid #bfcac3; }
.hero { background:#edf3ef; }
.hero-inner { max-width:1180px; margin:0 auto; padding:70px 25px; }
.hero h1 { max-width:800px; margin:0 0 18px; color:#173e2b; font-size:48px; line-height:1.1; }
.hero p { max-width:760px; margin:0 0 28px; color:#56665d; font-size:20px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.article-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:25px; }
.article-card { background:white; border-radius:10px; overflow:hidden; box-shadow:0 3px 18px rgba(0,0,0,.06); display:flex; flex-direction:column; }
.article-image-wrap { width:100%; aspect-ratio:16/9; background:#e9eeeb; }
.article-image { width:100%; height:100%; object-fit:cover; }
.article-body { padding:22px; display:flex; flex-direction:column; flex:1; }
.category { color:#607369; font-size:13px; font-weight:bold; margin-bottom:8px; text-transform:uppercase; letter-spacing:.4px; }
.article-title { margin:0 0 10px; font-size:22px; line-height:1.3; color:#173e2b; }
.article-title a { color:#173e2b; text-decoration:none; }
.article-title a:hover { text-decoration:underline; }
.article-excerpt,.excerpt { color:#617067; font-size:15px; margin-bottom:18px; }
.meta { color:#849088; font-size:12px; margin-top:auto; margin-bottom:18px; }
.featured { display:inline-block; margin-left:8px; color:#8a641c; }
.article { background:white; padding:40px; border-radius:10px; box-shadow:0 3px 18px rgba(0,0,0,.05); }
.article>h1 { font-size:38px; line-height:1.2; margin:0 0 15px; color:#173e2b; }
.article-meta { font-size:13px; color:#78837d; margin-bottom:25px; }
.featured-image { width:100%; max-height:500px; object-fit:cover; border-radius:9px; margin-bottom:30px; }
.article .excerpt { font-size:19px; color:#536158; margin-bottom:30px; }
.content { font-size:17px; }
.operators { margin-top:45px; }
.operators h2 { color:#173e2b; }
.operator-top { display:flex; gap:20px; align-items:center; }
.operator-action { margin-top:18px; }
.operator-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:25px; }
.operator-card { background:white; border-radius:10px; padding:24px; box-shadow:0 3px 18px rgba(0,0,0,.06); display:flex; flex-direction:column; }
.operators .operator-card { border:1px solid #dfe5e1; box-shadow:none; margin-top:18px; }
.operator-logo-wrap { min-height:90px; display:flex; align-items:center; margin-bottom:15px; }
.operator-logo { max-width:180px; max-height:80px; object-fit:contain; }
.operator-name { margin:0 0 8px; font-size:24px; line-height:1.25; color:#173e2b; }
.operator-name a { color:#173e2b; text-decoration:none; }
.operator-name a:hover { text-decoration:underline; }
.rating { font-size:20px; font-weight:bold; color:#173e2b; margin-bottom:12px; }
.summary,.operator-text { color:#617067; font-size:15px; margin-bottom:18px; }
.offer { background:#edf4ef; border:1px solid #d5e3d9; border-radius:7px; padding:12px; margin-bottom:18px; font-size:14px; }
.review-page { background:white; padding:40px; border-radius:10px; box-shadow:0 3px 18px rgba(0,0,0,.05); }
.operator-header { display:flex; gap:30px; align-items:center; margin-bottom:30px; }
.review-page .operator-logo { width:180px; max-height:100px; }
.review-page h1 { margin:0 0 8px; color:#173e2b; font-size:38px; line-height:1.2; }
.overall-rating { font-size:20px; font-weight:bold; color:#173e2b; }
.intro { font-size:18px; color:#536158; margin:25px 0; }
.offer-box { margin:30px 0; padding:22px; border-radius:9px; background:#edf4ef; border:1px solid #d5e3d9; }
.offer-box h2 { margin-top:0; color:#173e2b; }
.review-page .section { max-width:none; padding:0; margin-top:40px; }
.review-page .section h2 { color:#173e2b; margin-bottom:15px; }
.review-content { font-size:17px; }
.pros-cons { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.box { border:1px solid #dfe5e1; border-radius:8px; padding:20px; }
.rating-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:15px; }
.rating-card { border:1px solid #dfe5e1; padding:16px; border-radius:8px; }
.rating-name { font-weight:bold; margin-bottom:5px; }
.rating-score { color:#173e2b; font-size:20px; font-weight:bold; }
.tag-list { display:flex; flex-wrap:wrap; gap:10px; }
.tag { background:#edf1ef; border-radius:20px; padding:7px 11px; font-size:13px; }
.review-page table { width:100%; border-collapse:collapse; }
.review-page th,.review-page td { text-align:left; padding:11px; border-bottom:1px solid #e3e7e4; }
.review-page th { width:180px; color:#526159; }
.verdict { background:#f3f6f4; padding:22px; border-left:4px solid #1f5138; border-radius:5px; }
.safer { background:#173e2b; color:white; }
.safer-inner { max-width:1180px; margin:0 auto; padding:55px 25px; }
.safer h2 { margin-top:0; font-size:32px; }
.safer p { max-width:800px; color:#e2eae5; }
.safer .button { background:white; color:#173e2b; }
.site-footer { background:#102d20; color:#dfe8e2; }
.footer-inner { max-width:1180px; margin:0 auto; padding:40px 25px; }
.footer-brand { margin-bottom:20px; }
.footer-brand strong { font-size:18px; }
.footer-brand p { margin:5px 0 0; color:#bdcbc1; }
.footer-links { display:flex; flex-wrap:wrap; gap:18px; margin-bottom:25px; }
.footer-links a { color:white; text-decoration:none; }
.footer-links a:hover { text-decoration:underline; }
.footer-disclaimer { border-top:1px solid rgba(255,255,255,.15); padding-top:20px; color:#b6c5bb; font-size:12px; }
@media(max-width:750px){ .header-inner{flex-direction:column;align-items:flex-start;} .hero h1{font-size:36px;} .hero p{font-size:18px;} .container,.section{padding-left:18px;padding-right:18px;} .page-header h1{font-size:32px;} .article,.review-page{padding:25px;} .article>h1,.review-page h1{font-size:30px;} .operator-top,.operator-header{flex-direction:column;align-items:flex-start;} .pros-cons{grid-template-columns:1fr;} }