:root{--bg:#f6f8fb;--card:#fff;--text:#2c3e50;--muted:#7f8c8d;--line:#e8edf3;--primary:#3498db;--primary2:#357abd;--success:#159a6b;--danger:#d64252;--shadow:0 18px 50px rgba(35,48,87,.09);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}.blog-body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}.blog-body a{color:inherit;text-decoration:none}.blog-body img{max-width:100%;display:block}.blog-body button,.blog-body input,.blog-body textarea,.blog-body select{font:inherit}.blog-body main .container{width:min(1180px,calc(100% - 32px));margin:auto;padding-left:0;padding-right:0}
.hero{padding:66px 0 38px}.hero-box{padding:48px;border-radius:30px;background:linear-gradient(135deg,#3f55d6,#7b5ee7);color:#fff;position:relative;overflow:hidden;box-shadow:0 25px 70px rgba(72,81,195,.22)}.hero-box:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-90px;top:-160px;background:rgba(255,255,255,.12)}.eyebrow{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;opacity:.8}.hero h1{margin:9px 0 13px;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-2px;max-width:800px}.hero p{margin:0;max-width:720px;font-size:18px;opacity:.88}.hero-search{position:relative;z-index:1;display:flex;max-width:570px;margin-top:26px;background:#fff;border-radius:15px;padding:6px}.hero-search input{flex:1;min-width:0;border:0;outline:none;padding:8px 14px;color:var(--text)}.hero-search button{border:0;border-radius:11px;padding:11px 20px;background:#172033;color:#fff;font-weight:800;cursor:pointer}
.section{padding:24px 0 60px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin:0;font-size:30px;letter-spacing:-.8px}.section-head p{margin:5px 0 0;color:var(--muted)}.category-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:27px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;color:#596174}.chip:hover,.chip.active{border-color:transparent;background:var(--primary);color:#fff}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.article-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 32px rgba(39,49,88,.05);transition:.2s}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-image,.article-placeholder{height:220px;width:100%;object-fit:cover}.article-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#e6f4ff,#eef8ff);color:var(--primary);font-size:42px;font-weight:900}.article-body{padding:22px}.article-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--muted);font-weight:700}.category-label{color:var(--primary);background:#eaf5fc;border-radius:999px;padding:5px 9px}.article-card h2,.article-card h3{margin:13px 0 9px;font-size:23px;line-height:1.25;letter-spacing:-.4px}.article-card p{color:var(--muted);margin:0}.read-more{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:var(--primary);font-weight:850;font-size:14px}.blog-sidebar{display:flex;flex-direction:column;gap:18px}.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.side-card h3{margin:0 0 14px;font-size:17px}.side-card h3 i{color:var(--primary);margin-right:7px}.side-link{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5;font-weight:700;font-size:14px}.side-link:last-child{border-bottom:0}.side-link span{color:var(--muted);font-weight:600}.side-link b{color:var(--primary);font-size:12px}.side-link.active span{color:var(--primary)}.side-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--primary);background:#eaf5fc;margin-bottom:14px}.blog-about p{color:var(--muted);margin:0}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;padding:24px 0 0;color:var(--muted);font-size:13px}.breadcrumbs a:hover{color:var(--primary)}.article-page{display:grid;grid-template-columns:minmax(0,820px) 290px;gap:32px;align-items:start;padding:28px 0 65px}.article-main{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden}.article-header{padding:36px 42px 28px}.article-header h1{font-size:clamp(32px,5vw,50px);line-height:1.12;letter-spacing:-1.5px;margin:14px 0}.article-lead{font-size:18px;color:var(--muted);margin:0}.article-cover{width:100%;max-height:520px;object-fit:cover}.article-content{padding:38px 42px;font-size:17px}.article-content h2{font-size:29px;line-height:1.25;margin:38px 0 14px}.article-content h3{font-size:23px;margin:30px 0 12px}.article-content p{margin:0 0 18px}.article-content li{margin:7px 0}.article-content blockquote{margin:24px 0;padding:20px 24px;border-left:4px solid var(--primary);background:#f4f5ff;border-radius:0 14px 14px 0}.article-content a{color:var(--primary);text-decoration:underline}.article-content .article-inline-image{margin:30px 0}.article-content .article-inline-image img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;border-radius:18px;background:#f4f7fa;box-shadow:0 14px 38px rgba(35,48,87,.1)}.article-content .article-inline-image figcaption{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.5;text-align:center}.article-stats{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:700}
.reviews{margin-top:25px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}.reviews h2{margin:0 0 20px}.rating-summary{display:flex;align-items:center;gap:13px;padding:18px;background:#f7f8fc;border-radius:16px;margin-bottom:20px}.rating-number{font-size:34px;font-weight:900}.stars{color:#ffad25;letter-spacing:2px}.review{padding:20px 0;border-bottom:1px solid var(--line)}.review:last-child{border-bottom:0}.review-top{display:flex;justify-content:space-between;gap:15px}.review-author{font-weight:850}.review-date{font-size:12px;color:var(--muted)}.review p{margin:9px 0 0;white-space:pre-line}.review-form{margin-top:26px;padding-top:25px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:13px;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #dfe4ed;border-radius:12px;padding:12px 14px;outline:none;background:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(82,103,223,.12)}.field textarea{min-height:130px;resize:vertical}.btn{border:0;border-radius:12px;padding:12px 19px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:850;cursor:pointer}.notice{padding:14px 17px;border-radius:13px;margin-bottom:18px;font-weight:700}.notice.success{background:#e8f8f2;color:#08704c}.notice.error{background:#fff0f1;color:#af2837}.empty{background:#fff;border:1px dashed #cfd6e4;border-radius:20px;padding:46px 24px;text-align:center;color:var(--muted);grid-column:1/-1}.pagination{display:flex;gap:8px;justify-content:center;margin-top:28px}.pagination a,.pagination span{min-width:40px;padding:9px;border-radius:10px;background:#fff;border:1px solid var(--line);text-align:center;font-weight:800}.pagination .active{background:var(--primary);color:#fff;border-color:var(--primary)}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){.layout,.article-page{grid-template-columns:1fr}.blog-sidebar{order:2}.article-grid{grid-template-columns:1fr 1fr}.article-page .blog-sidebar{display:none}}
@media(max-width:620px){.blog-body main .container{width:min(100% - 22px,1180px)}.hero{padding-top:28px}.hero-box{padding:29px 22px;border-radius:22px}.hero h1{letter-spacing:-1px}.hero-search{display:block;background:transparent;padding:0}.hero-search input{width:100%;border-radius:11px;padding:13px}.hero-search button{width:100%;margin-top:8px}.article-grid{grid-template-columns:1fr}.article-image,.article-placeholder{height:205px}.article-header,.article-content{padding:26px 20px}.reviews{padding:22px 18px}.form-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}