:root{--bg: #f7f9fc;--card: #ffffff;--brand: #0e2238;--brand-2: #215a9a;--accent: #25d366;--text: #16202a;--muted: #667085;--radius: 16px;--shadow: 0 8px 30px rgba(2, 6, 23, .08);--line: #eef0f4}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}.container{width:min(1120px,92vw);margin-inline:auto}.admin-page.container,.container.admin-page{width:min(1280px,96vw)}.grid{display:grid;gap:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;border:1px solid transparent;font-weight:600;transition:.2s;cursor:pointer;background:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(.95)}.btn-outline{background:#fff;border-color:#bbb;color:var(--text)}.btn-outline:hover{box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#e8f3ff;color:#215a9a;border-radius:999px;font-weight:600;font-size:12px}.mini{font-size:12px;color:#64748b}.subtitle{color:var(--muted);margin-top:8px}.linkish{background:none;border:none;padding:0;cursor:pointer;color:inherit;text-decoration:none}.text-link{font-weight:700;color:var(--brand-2)}header.nav{position:sticky;top:0;z-index:50;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:36px;height:36px;border-radius:50%;object-fit:cover}.nav-links{display:flex;gap:18px;align-items:center}.nav-links a{padding:10px 12px;border-radius:10px}.nav-links a:hover,.nav-links a.active{background:#eef2f7}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;width:42px;height:42px;border-radius:10px;cursor:pointer}.hero{padding:64px 0 32px;background:radial-gradient(80% 120% at 20% 0%,#eaf3ff,#f7f9fc,#f7f9fc)}.hero .cols{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(28px,4vw,48px);line-height:1.1;margin:12px 0}.hero p{font-size:clamp(16px,2.4vw,18px);color:var(--muted)}.hero-photo img{border-radius:20px;box-shadow:var(--shadow);width:100%;height:auto;object-fit:cover}.hero-photo{align-self:start}.hero-points{display:grid;gap:10px;margin:18px 0;padding:0}.hero-points li{display:flex;align-items:center;gap:10px;list-style:none}.icon-check{width:22px;height:22px;border-radius:6px;background:#e8fff0;color:#15a34a;display:grid;place-items:center;flex:0 0 auto}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}section{padding:56px 0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.title h2,.title h1{margin:0;font-size:clamp(22px,3vw,32px)}.cards{grid-template-columns:repeat(3,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card h3{margin:8px 0 6px}.icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eef2f7}.cta{background:linear-gradient(135deg,#0e2238,#215a9a);color:#fff;border-radius:var(--radius);padding:28px;display:grid;gap:14px;align-items:center}.cta .row,.cta.article-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.cta .btn-outline{color:var(--text)}.about{grid-template-columns:.9fr 1.1fr}.about .photo img{width:100%;border-radius:20px;box-shadow:var(--shadow);object-fit:cover}.carousel{position:relative}.carousel-viewport{overflow:hidden;width:100%;border-radius:var(--radius)}.carousel-track{display:flex;width:100%;will-change:transform;transition:transform .45s ease}.slide{min-width:100%}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);border:none;background:var(--card);width:28px;height:28px;border-radius:999px;box-shadow:var(--shadow);cursor:pointer;color:var(--brand);z-index:2}.carousel-btn.prev{left:-20px}.carousel-btn.next{right:-20px}.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.carousel-dots button{width:10px;height:10px;border-radius:999px;border:none;background:#cbd5e1;cursor:pointer}.carousel-dots button.active{background:var(--brand)}.quote{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.quote p{color:#3a4754}.quote .who{margin-top:10px;font-weight:600}footer{padding:40px 0;border-top:1px solid var(--line);color:#475569}.foot-grid{display:grid;gap:18px;grid-template-columns:1.2fr 1fr 1fr}.foot-col h4{margin:0 0 10px}.wa-float{position:fixed;right:16px;bottom:16px;width:56px;height:56px;background:#25d366;color:#fff;display:grid;place-items:center;border-radius:999px;box-shadow:var(--shadow);z-index:60;font-size:26px}.wa-float:hover{filter:brightness(.95)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:80;padding:16px}.dialog-card{width:min(720px,100%);background:#fff;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.dialog-actions{display:flex;justify-content:end;margin-top:10px}.page-hero{padding:48px 0 12px;background:radial-gradient(80% 120% at 20% 0%,#eaf3ff,#f7f9fc 60%)}.page-hero h1{margin:10px 0 0;font-size:clamp(28px,4vw,42px)}.blog-toolbar{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:24px}.blog-toolbar input,.blog-toolbar select,.field input:not([type=checkbox]):not([type=file]),.field select,.field textarea,.md-editor{width:100%;max-width:100%;border:1px solid #d9dee7;border-radius:12px;padding:12px 14px;background:#fff}.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.blog-card-media img{width:100%;height:180px;object-fit:cover;object-position:center center}.blog-card-body{padding:18px;display:grid;gap:8px}.blog-card-body h3{margin:0;font-size:20px}.blog-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:13px}.article-page{padding-top:28px}.article-layout{grid-template-columns:1fr 280px;display:grid;gap:28px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:10px}.lead{font-size:18px;color:var(--muted)}.article-cover img{width:100%;height:min(420px,55vw);object-fit:cover;object-position:center center;border-radius:20px;margin:18px 0;box-shadow:var(--shadow)}.article-body img{border-radius:16px;margin:18px 0;box-shadow:var(--shadow)}.article-body h2,.article-body h3{scroll-margin-top:90px}.article-body a{color:var(--brand-2);text-decoration:underline}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.chip{background:#eef2f7;border-radius:999px;padding:6px 10px;font-size:13px}.faq-block details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:10px 0}.toc ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.toc-h3{padding-left:12px;font-size:14px}.share-card{display:grid;gap:10px}.admin-page{padding-bottom:40px}.admin-page h1{overflow-wrap:anywhere}.admin-login{min-height:60vh;display:grid;place-items:center}.admin-login-card{width:min(420px,92vw);display:grid;gap:12px}.admin-table{width:100%;border-collapse:collapse;min-width:640px}.admin-table th,.admin-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap{overflow:auto}.row-actions{display:flex;gap:10px;flex-wrap:wrap}.row-actions button,.row-actions a{background:none;border:none;color:var(--brand-2);cursor:pointer;font-weight:600}.status{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.status.published{background:#e8fff0;color:#157a3a}.status.draft{background:#fff7e6;color:#9a6700}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:20px;align-items:start}.editor-main,.seo-panel{min-width:0}.editor-block{display:grid;gap:14px;margin-bottom:16px}.editor-block h2{margin:0;font-size:18px;line-height:1.3}.field{display:grid;gap:6px;min-width:0}.field>span,.field-label{font-weight:600;line-height:1.35;display:block}.field small,.field-hint{color:var(--muted);line-height:1.4;display:block}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.seo-toggles{display:flex;flex-direction:column;gap:10px;width:100%}.seo-toggle{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:0;padding:12px 14px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px}.seo-toggle input[type=checkbox]{width:18px;height:18px;margin:0;flex:none;accent-color:var(--brand-2)}.seo-toggle label{display:block;margin:0;padding:0;line-height:1.5;color:var(--text);font-weight:500;white-space:normal;cursor:pointer}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.editor-toolbar button,.tab-toggle button{border:1px solid #d9dee7;background:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.tab-toggle{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}.tab-toggle .active,.editor-toolbar button:hover{background:#e8f3ff}.md-editor{min-height:420px;line-height:1.6}.preview-body{min-height:420px;padding:8px;overflow-wrap:anywhere}.cover-preview{width:100%;max-height:220px;object-fit:cover;border-radius:12px}.image-field{display:grid;gap:10px;min-width:0}.image-field-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cover-editor{display:grid;gap:10px;min-width:0}.cover-frame{position:relative;width:100%;aspect-ratio:16 / 9;border:1.5px dashed #c5ced8;border-radius:14px;background:#f8fbff;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.cover-frame.has-image{border-style:solid;cursor:grab}.cover-frame.has-image:active{cursor:grabbing}.cover-frame.dragging{border-color:var(--brand-2);background:#e8f3ff}.cover-frame.busy{pointer-events:none}.cover-frame img{width:100%;height:100%;object-fit:cover;pointer-events:none}.cover-handle{position:absolute;width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:var(--brand-2);box-shadow:0 2px 10px #02061759;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.cover-empty{width:100%;height:100%;border:none;background:transparent;cursor:pointer;display:grid;place-items:center;align-content:center;gap:6px;color:var(--muted);text-align:center;padding:16px}.cover-empty .fa{font-size:28px;color:var(--brand-2)}.cover-empty strong{color:var(--text)}.dropzone{position:relative;border:1.5px dashed #c5ced8;border-radius:14px;background:#f8fbff;min-height:160px;cursor:pointer;overflow:hidden;display:grid;place-items:center}.dropzone.dragging{border-color:var(--brand-2);background:#e8f3ff}.dropzone.busy{pointer-events:none;opacity:.85}.dropzone-empty{display:grid;gap:6px;text-align:center;padding:22px 16px;color:var(--muted)}.dropzone-empty .fa{font-size:28px;color:var(--brand-2)}.dropzone-empty strong{color:var(--text)}.dropzone-preview{width:100%;max-height:220px;object-fit:cover}.dropzone-progress{position:absolute;left:12px;right:12px;bottom:12px;background:#fffffff2;border-radius:10px;padding:8px 10px;display:grid;gap:6px;font-size:12px;font-weight:600}.chip-box{display:flex;flex-wrap:wrap;gap:8px;border:1px solid #d9dee7;border-radius:12px;padding:8px;background:#fff}.chip-box input{border:none;min-width:140px;flex:1;padding:6px;outline:none}.chip-remove{border:none;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.char-meter{display:grid;gap:6px;font-size:12px;color:var(--muted);min-width:0}.char-meter-text{margin:0;line-height:1.4}.char-meter .meter{height:6px;background:#eef2f7;border-radius:99px;overflow:hidden}.char-meter .meter b,.dropzone-progress .meter span{display:block;height:100%;background:#94a3b8;font-weight:400}.dropzone-progress .meter{height:6px;background:#eef2f7;border-radius:99px;overflow:hidden}.char-meter.ok,.char-meter.ok .char-meter-text{color:#157a3a}.char-meter.ok .meter b{background:#22c55e}.char-meter.warn,.char-meter.warn .char-meter-text{color:#9a6700}.char-meter.warn .meter b{background:#f59e0b}.score-card{display:flex;gap:14px;align-items:center;margin-bottom:16px;min-width:0}.score-card>div{min-width:0}.score-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px;background:#eef2f7;flex:0 0 auto}.score-card.good .score-ring{background:#e8fff0;color:#157a3a}.score-card.mid .score-ring{background:#fff7e6;color:#9a6700}.score-card.low .score-ring{background:#ffecec;color:#b42318}.seo-checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.seo-checks li{display:flex;gap:8px;align-items:flex-start;line-height:1.45}.seo-checks li span{min-width:0;overflow-wrap:break-word;display:block;line-height:1.45}.seo-checks .ok{color:#157a3a}.seo-checks .fail{color:#667085}.seo-checks small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.faq-editor{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.form-error{color:#b42318;font-weight:600;overflow-wrap:anywhere}.form-ok{color:#157a3a;font-weight:600}.seo-panel{position:static}@media(max-width:1100px){.editor-grid{grid-template-columns:1fr}.seo-panel{position:static}}@media(max-width:960px){.hero .cols,.cards,.about,.foot-grid,.blog-grid,.article-layout,.blog-toolbar,.field-row{grid-template-columns:1fr}.menu-toggle{display:grid;place-items:center}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 4vw 18px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.cta{padding:22px}section{padding:40px 0}.card{padding:16px}.hero-actions{width:100%}}@media(max-width:768px){.carousel-btn{display:none}.hero-actions .btn{width:100%;justify-content:center}.tab-toggle{margin-left:0;width:100%}.tab-toggle button{flex:1}.md-editor{min-height:280px}.admin-page{padding-bottom:24px}}