:root{--blue:#3fbef9;--blue-deep:#0799e5;--navy:#07265c;--soft:#eef9ff;--line:#dce8f1;--muted:#5e6a7b;--font:"Poppins",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:var(--font)}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.scroll-progress{position:fixed;inset:0 auto auto 0;width:var(--scroll-progress,0%);height:4px;z-index:210;background:linear-gradient(90deg,#ff615c,#ffc62f,#56c98c,#3fbef9,#b56ee8)}
.site-header{height:84px;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);box-shadow:0 1px 15px rgba(7,38,92,.09);backdrop-filter:blur(10px)}.brand{margin-right:auto;display:flex;align-items:center}.brand img{width:auto;height:38px}.desktop-nav{display:flex;align-items:center;gap:19px;font-size:13px;font-weight:650}.desktop-nav a{position:relative;padding:31px 0}.desktop-nav a:hover,.desktop-nav .active{color:var(--blue-deep)}.desktop-nav .active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--blue)}.header-button,.comment-submit{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#35c7ff,#079fe8);font-weight:800;cursor:pointer;box-shadow:0 10px 25px rgba(7,159,232,.24)}.mobile-toggle{display:none;border:2px solid var(--blue);color:var(--blue-deep);background:#fff;border-radius:8px;padding:9px 14px;font-weight:800}.mobile-menu{display:none}
.blog-hero{padding:42px 0 38px;color:#fff;background:linear-gradient(115deg,#06275d 0%,#075c96 55%,#18b4ee 100%)}.blog-hero span{display:block;margin-bottom:5px;color:#bcecff;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.blog-hero h1{margin:0;font-size:clamp(35px,5vw,54px);letter-spacing:-.05em;line-height:1}.blog-overview{min-height:600px;padding:34px 0 80px;background:linear-gradient(180deg,#fff,#f5fbff)}.blog-tools{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:14px;margin-bottom:28px}.blog-tools label{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:800}.blog-tools input,.blog-tools select{width:100%;height:52px;border:2px solid var(--line);border-radius:11px;padding:0 15px;background:#fff;color:var(--navy);outline:0}.blog-tools input:focus,.blog-tools select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(63,190,249,.13)}.blog-status{padding:38px;border:2px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.blog-status[hidden]{display:none}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(7,38,92,.08);cursor:pointer;transition:.25s}.blog-card:hover{transform:translateY(-6px);box-shadow:0 19px 40px rgba(7,38,92,.15)}.blog-card:focus-within{outline:3px solid rgba(63,190,249,.35)}.blog-card-cover{position:relative;height:220px;overflow:hidden;background:linear-gradient(135deg,#daf3ff,#f3fbff)}.blog-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.blog-card:hover .blog-card-cover img{transform:scale(1.04)}.blog-card-placeholder{height:100%;display:grid;place-items:center;color:var(--blue-deep);font-size:44px}.pinned-label{position:absolute;top:13px;left:13px;padding:7px 10px;border-radius:999px;background:#fff;color:var(--navy);box-shadow:0 6px 18px rgba(7,38,92,.18);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.blog-card-copy{padding:21px}.blog-card time{color:var(--blue-deep);font-size:11px;font-weight:800}.blog-card h2{margin:8px 0 8px;font-size:21px;line-height:1.2;letter-spacing:-.025em}.blog-card p{display:-webkit-box;min-height:66px;margin:0 0 18px;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-read{display:flex;align-items:center;justify-content:space-between;border:0;padding:0;background:none;color:var(--blue-deep);font-weight:900;cursor:pointer}.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}.blog-pagination button{min-width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.blog-pagination button.active{border-color:var(--blue);background:var(--blue);color:#fff}.blog-pagination button:disabled{opacity:.4;cursor:not-allowed}
footer{background:var(--navy);color:#fff;padding:20px 0}.copyright{min-height:62px}.cookie-settings-link{display:block;margin:0 auto;border:0;background:none;color:#d7e1f0;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.cookie-banner{position:fixed;inset:auto 18px 18px;z-index:1000;display:none;justify-content:center;pointer-events:none}.cookie-banner.show{display:flex}.cookie-card{width:min(100%,980px);display:flex;align-items:center;gap:18px;padding:20px 22px;background:#fff;border:1px solid rgba(7,38,92,.14);border-radius:16px;box-shadow:0 18px 55px rgba(7,38,92,.28);pointer-events:auto}.cookie-icon{flex:0 0 46px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#eaf6ff;font-size:24px}.cookie-copy{flex:1}.cookie-copy h2{margin:0 0 5px;font-size:18px}.cookie-copy p{margin:0;color:#536174;font-size:13px;line-height:1.55}.cookie-copy a{color:var(--blue-deep);font-weight:700}.cookie-actions{display:flex;gap:9px}.cookie-btn{min-height:42px;padding:0 17px;border-radius:9px;border:2px solid var(--blue-deep);font-weight:750;cursor:pointer}.cookie-reject{background:#fff;color:var(--blue-deep)}.cookie-accept{background:var(--blue-deep);color:#fff}
.blog-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(2,17,43,.84);backdrop-filter:blur(7px)}.blog-modal.open{display:flex}.blog-dialog{position:relative;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 35px 95px rgba(0,0,0,.42)}.blog-dialog-scroll{max-height:calc(100vh - 48px);overflow:auto}.blog-close{position:absolute;right:18px;top:18px;z-index:8;width:46px;height:46px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(7,38,92,.84);color:#fff;font-size:28px;line-height:1;cursor:pointer}.blog-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;min-height:0;background:#eaf6fc}.blog-gallery.single{grid-template-columns:1fr}.blog-gallery.two{grid-template-columns:repeat(2,1fr)}.blog-gallery img{width:100%;height:210px;object-fit:cover}.blog-gallery.single img{height:min(430px,46vh)}.blog-gallery img:first-child:nth-last-child(n+3){grid-column:span 2;grid-row:span 2;height:424px}.blog-article{padding:34px 46px 46px}.blog-article-meta{color:var(--blue-deep);font-size:12px;font-weight:800}.blog-article h2{margin:7px 0 13px;font-size:clamp(31px,5vw,50px);line-height:1.08;letter-spacing:-.045em}.blog-lead{margin:0 0 26px;color:#44566e;font-size:17px;font-weight:500;line-height:1.75}.blog-body{color:var(--navy);font-family:var(--font);font-size:15px;line-height:1.8}.blog-body h2{margin:34px 0 10px;font-size:28px}.blog-body h3{margin:28px 0 8px;font-size:21px}.blog-body p{margin:0 0 18px}.blog-body img{max-width:100%}.blog-body a{color:var(--blue-deep);text-decoration:underline}.share-block{margin-top:36px;padding:22px;border-radius:16px;background:var(--soft)}.share-block>strong{display:block;margin-bottom:11px}.share-buttons{display:flex;flex-wrap:wrap;gap:8px}.share-buttons a,.share-buttons button{border:1px solid #baddf0;border-radius:9px;padding:9px 12px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.share-buttons [data-share="whatsapp"]{color:#087a44}.share-block>span{display:block;min-height:18px;margin-top:7px;color:#16723e;font-size:12px;font-weight:700}
.comments-section{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}.comments-head{display:flex;align-items:center;justify-content:space-between}.comments-head span{color:var(--blue-deep);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.comments-head h3{margin:3px 0;font-size:27px}.comments-head>b{display:grid;place-items:center;min-width:38px;height:38px;border-radius:999px;background:var(--soft);color:var(--blue-deep)}.comments-list{display:grid;gap:10px;margin:18px 0}.comment{padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#fff}.comment-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:5px}.comment-meta strong{font-size:13px}.comment-meta time{color:#7b8798;font-size:10px}.comment-content{font-size:13px;line-height:1.55}.comment-content p{margin:0}.comments-empty{padding:21px;border:2px dashed var(--line);border-radius:13px;color:var(--muted);text-align:center;font-size:13px}#comment-form{display:grid;gap:13px;margin-top:23px;padding:21px;border-radius:16px;background:#f7fbfe}#comment-form label{display:grid;gap:6px;font-size:12px;font-weight:800}#comment-form input{width:100%;height:46px;border:2px solid var(--line);border-radius:9px;padding:0 12px;outline:0}.comment-editor-field>span{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:800}.comment-editor-field small{color:var(--muted);font-weight:600}.comment-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;border:2px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:#eaf3f8}.comment-toolbar button,.comment-toolbar select{width:auto;border:1px solid #c8dce8;border-radius:7px;padding:6px 8px;background:#fff;color:var(--navy);font-size:11px;font-weight:800;cursor:pointer}.comment-editor{min-height:92px;padding:12px;border:2px solid var(--line);border-radius:0 0 9px 9px;background:#fff;color:var(--navy);font-size:13px;line-height:1.55;outline:0}.comment-editor:empty:before{content:attr(data-placeholder);color:#8d99a8}.comment-submit{justify-self:start}.comment-submit:disabled{opacity:.5}.comment-message{min-height:18px;margin:0;color:#b52e42;font-size:12px;font-weight:700}.blog-honeypot{position:absolute!important;left:-9999px!important}
@media(max-width:1040px){.desktop-nav,.header-button{display:none}.mobile-toggle{display:block}.mobile-menu.open{display:flex;position:absolute;top:75px;left:24px;right:24px;background:#fff;border-radius:14px;box-shadow:0 15px 38px rgba(7,38,92,.2);padding:12px;flex-direction:column}.mobile-menu a{padding:11px 14px;border-radius:8px;font-weight:700}.mobile-menu a.active{background:var(--soft);color:var(--blue-deep)}}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-gallery{grid-template-columns:repeat(2,1fr)}.blog-gallery img:first-child:nth-last-child(n+3){grid-column:span 2;grid-row:auto;height:290px}.blog-gallery img{height:190px}}
@media(max-width:620px){.container{width:min(100% - 30px,1180px)}.site-header{height:74px;padding:0 15px}.brand img{height:28px}.blog-hero{padding:30px 0}.blog-overview{padding-top:24px}.blog-tools{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.blog-card-cover{height:215px}.blog-modal{align-items:flex-end;padding:0}.blog-dialog{max-height:96vh;border-radius:20px 20px 0 0}.blog-dialog-scroll{max-height:96vh}.blog-close{right:12px;top:12px}.blog-gallery,.blog-gallery.two{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.blog-gallery img,.blog-gallery.single img,.blog-gallery img:first-child:nth-last-child(n+3){flex:0 0 88%;height:260px;scroll-snap-align:start}.blog-article{padding:26px 19px 35px}.blog-article h2{font-size:31px}.blog-lead{font-size:15px}.share-buttons{display:grid;grid-template-columns:1fr 1fr}.share-buttons a,.share-buttons button{text-align:center}.comment-meta{align-items:flex-start;flex-direction:column;gap:3px}.cookie-banner{inset:auto 10px 10px}.cookie-card{align-items:flex-start;flex-wrap:wrap;padding:17px}.cookie-icon{display:none}.cookie-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.cookie-btn{padding:0 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.scroll-progress{display:none}}