*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--blue-grad:linear-gradient(249.9deg,#11BDFD 23.59%,#0A83F8 82.35%);
--green-grad:linear-gradient(138.77deg,#49D60A 3.5%,#09CB01 97.72%);
--blue1:#11BDFD;--blue2:#0A83F8;
--green1:#49D60A;--green2:#09CB01;
--dark:#0f1a2e;--text:#1a2740;--text-light:#5a6a80;
--bg-light:#f6faff;--white:#ffffff;
--radius:12px;--radius-lg:20px;
--shadow:0 4px 24px rgba(10,131,248,.1);
--shadow-lg:0 8px 40px rgba(10,131,248,.15);
--max-w:1240px;
--header-h:72px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Manrope',sans-serif;color:var(--text);line-height:1.6;background:var(--white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{border:none;cursor:pointer;font-family:inherit}
ul,ol{list-style:none}
.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}
@media(min-width:768px){.container{padding:0 32px}}
@media(min-width:1600px){.container{max-width:1400px}}

/* ===== SKELETON FOR LAZY IMAGES ===== */
.img-wrap{position:relative;overflow:hidden;background:#e8f0fe;border-radius:var(--radius)}
.img-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite;z-index:1}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.img-wrap img.loaded~::before,.img-wrap img.loaded+*{display:none}
.img-wrap img{opacity:0;transition:opacity .4s}
.img-wrap img.loaded{opacity:1;position:relative;z-index:2}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:60px;font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-green{background:#09CB01;color:#fff;box-shadow:0 4px 20px rgba(9,203,1,.3)}
.btn-green:hover{box-shadow:0 6px 28px rgba(9,203,1,.45)}
.btn-blue{background:var(--blue-grad);color:#fff;box-shadow:0 4px 20px rgba(10,131,248,.3)}
.btn-blue:hover{box-shadow:0 6px 28px rgba(10,131,248,.45)}
.btn-outline{border:2px solid var(--blue2);color:var(--blue2);background:transparent}
.btn-outline:hover{background:var(--blue2);color:#fff}
.btn-white{background:#fff;color:var(--blue2);box-shadow:var(--shadow)}

/* ===== SECTION TITLES ===== */
.section-title{font-size:clamp(26px,4vw,42px);font-weight:800;line-height:1.2;margin-bottom:16px}
.section-sub{font-size:clamp(15px,2vw,18px);color:var(--text-light);max-width:640px;margin-bottom:48px}
.section-sub.center,.section-title.center{text-align:center;margin-left:auto;margin-right:auto}

/* ===== ANIMATIONS ===== */
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* ===================== HEADER ===================== */
.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:#fff;z-index:1000;border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.header.scrolled{border-bottom-color:#e8f0fe;box-shadow:0 1px 12px rgba(10,131,248,.06)}
.header .container{display:flex;align-items:center;justify-content:space-between;height:100%}
/* Logo */
.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--blue2)}
.logo span{background:var(--blue-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
/* Nav links — desktop only */
.header-nav{display:none;align-items:center;gap:28px}
@media(min-width:900px){.header-nav{display:flex}}
.header-nav a{font-size:14px;font-weight:600;color:var(--text);position:relative;padding:4px 0;transition:color .2s}
.header-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--blue2);border-radius:1px;transition:width .25s}
.header-nav a:hover{color:var(--blue2)}
.header-nav a:hover::after{width:100%}
/* Right side */
.header-right{display:flex;align-items:center;gap:14px}
.lang-switch{display:flex;border-radius:8px;overflow:hidden;border:1px solid #e8f0fe}
.lang-switch button,.lang-switch a{padding:5px 10px;font-size:12px;font-weight:600;background:transparent;color:var(--text-light);transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}
.lang-switch button.active,.lang-switch a.active{background:var(--blue2);color:#fff}
.lang-switch a:hover:not(.active){background:#f0f7ff;color:var(--blue2)}
.header-cta{display:none;padding:10px 22px;font-size:13px;white-space:nowrap}
.header-cta svg{flex-shrink:0}
@media(min-width:900px){.header-cta{display:inline-flex}}
.burger{display:flex;flex-direction:column;gap:5px;padding:8px;background:none;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}
@media(min-width:900px){.burger{display:none}}

/* Mobile Nav */
.mobile-nav{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;display:flex;flex-direction:column;padding:32px 24px;transform:translateX(100%);transition:transform .35s ease}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav a{font-size:18px;font-weight:600;padding:14px 0;border-bottom:1px solid #eef3fa}
.mobile-nav .btn{margin-top:24px;justify-content:center}

/* ===================== HERO ===================== */
.hero{padding:calc(var(--header-h) + 64px) 0 0;background:var(--blue-grad);color:#fff;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:140px;background:var(--white);clip-path:ellipse(65% 100% at 50% 100%);z-index:3}
.hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:end;position:relative;z-index:2;padding-bottom:180px}
@media(min-width:900px){.hero-grid{grid-template-columns:1fr 1fr}}
.hero h1{font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.15;margin-bottom:20px}
.hero h1 em{font-style:normal}
.hero-desc{font-size:clamp(15px,2vw,18px);opacity:.9;margin-bottom:32px;max-width:520px}
.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.15);border-radius:60px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hero-badge svg{flex-shrink:0}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px}
.hero-img{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;padding:0;overflow:visible;margin-top:auto}
.hero-img-inner{position:relative;width:100%;max-width:500px;margin-bottom:-80px}
.hero-img-inner img{width:100%;object-fit:contain;display:block}
/* floating card */
.hero-float{position:absolute;background:#fff;border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px;font-weight:600;white-space:nowrap;z-index:3}
.hero-float.f1{top:38%;left:3px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ===================== STATS BAR ===================== */
.stats-bar{padding:0 0 64px;background:var(--white);position:relative;margin-top:-90px;z-index:5}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:0}}
.stat-card{text-align:center;padding:36px 20px;position:relative;transition:background .3s}
@media(min-width:768px){
.stat-card+.stat-card::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:linear-gradient(180deg,transparent,rgba(10,131,248,.15),transparent)}
}
.stat-card:hover{background:var(--bg-light);border-radius:var(--radius-lg)}
.trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 32px;padding:20px 0 0;margin-top:8px}
.trust-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-light);font-weight:500}
.trust-item svg{flex-shrink:0;color:var(--blue2);opacity:.7}
.stat-num{font-size:clamp(32px,5vw,48px);font-weight:800;background:var(--blue-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}
.stat-suffix{font-size:clamp(22px,3.5vw,32px);font-weight:800;background:var(--blue-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-label{font-size:14px;color:var(--text-light);margin-top:6px;line-height:1.4}

/* ===================== AUTHORS ===================== */
.authors{padding:40px 0 80px;background:var(--white)}
/* Spec search select */
/* Spec nav row */
.spec-nav-row{display:flex;align-items:flex-end;gap:12px;max-width:500px;margin:0 auto 40px;position:relative;z-index:30}
.spec-nav-btn{margin-bottom:1px}
.spec-select-wrap{position:relative;flex:1;z-index:20}
.spec-nav-btn{width:44px;height:44px;border-radius:50%;border:2px solid #e8f0fe;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-light);transition:all .2s;flex-shrink:0}
.spec-nav-btn:hover{border-color:var(--blue2);color:var(--blue2);background:var(--bg-light)}
.spec-select-label{display:block;text-align:center;font-size:13px;font-weight:600;color:var(--blue2);margin-bottom:10px;letter-spacing:.02em}
.spec-select-inner{position:relative}
.spec-select-input{width:100%;padding:14px 48px 14px 48px;border:2px solid #e8f0fe;border-radius:60px;font-size:15px;font-family:inherit;font-weight:600;color:var(--text);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;cursor:pointer}
.spec-select-input::placeholder{color:var(--text-light);font-weight:500}
.spec-select-input:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(10,131,248,.1)}
.spec-select-search{position:absolute;left:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-light)}
.spec-select-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-light);transition:transform .2s}
.spec-select-wrap.open .spec-select-icon{transform:translateY(-50%) rotate(180deg)}
.spec-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:var(--radius);box-shadow:0 8px 32px rgba(10,131,248,.15);border:1px solid #e8f0fe;max-height:260px;overflow-y:auto;z-index:10;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
.spec-select-wrap.open .spec-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.spec-dropdown-item{padding:10px 20px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;gap:10px}
.spec-dropdown-item:hover,.spec-dropdown-item.active{background:var(--bg-light);color:var(--blue2)}
.spec-dropdown-item.active::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue2);margin-left:auto}
.spec-dropdown-empty{padding:16px 20px;font-size:14px;color:var(--text-light);text-align:center}
.spec-code{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:22px;padding:0 6px;border-radius:6px;background:var(--bg-light);color:var(--blue2);font-size:11px;font-weight:700;letter-spacing:.02em;flex-shrink:0}
.spec-dropdown-item.active .spec-code{background:#fff}
.spec-dropdown-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spec-dropdown-galuz{padding:8px 20px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);background:transparent;position:sticky;top:0;background:#fff;border-bottom:1px solid #f0f5fc;margin-top:4px;z-index:1}
.spec-dropdown-galuz:first-child{margin-top:0}
.spec-dropdown-galuz-code{display:inline-block;color:var(--blue2);margin-right:6px}
.authors-empty{text-align:center;padding:48px 20px;color:var(--text-light);font-size:15px}
.author-card{display:grid;grid-template-columns:1fr;gap:32px;max-width:860px;margin:0 auto;background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);opacity:1;transition:opacity .3s}
@media(min-width:700px){.author-card{grid-template-columns:auto 1fr;padding:48px}}
.author-card.switching{opacity:0}
.author-photo{width:160px;height:160px;border-radius:50%;overflow:hidden;margin:0 auto;flex-shrink:0;background:#e8f0fe;position:relative}
@media(min-width:700px){.author-photo{width:180px;height:180px}}
.author-photo img{width:100%;height:100%;object-fit:cover}
.author-info{display:flex;flex-direction:column;justify-content:center;text-align:center}
@media(min-width:700px){.author-info{text-align:left}}
.author-name{font-size:24px;font-weight:800;color:var(--text);margin-bottom:8px}
.author-spec-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:60px;background:linear-gradient(135deg,rgba(17,189,253,.1),rgba(10,131,248,.12));color:var(--blue2);font-size:13px;font-weight:600;margin-bottom:12px;width:fit-content}
@media(max-width:699px){.author-spec-badge{margin:0 auto 12px}}
.author-meta{display:flex;gap:20px;margin-bottom:16px;font-size:14px;color:var(--text-light);justify-content:center}
@media(min-width:700px){.author-meta{justify-content:flex-start}}
.author-meta span{display:flex;align-items:center;gap:6px}
.author-meta svg{flex-shrink:0;color:var(--blue2)}
.author-stats{display:flex;gap:24px;margin-bottom:20px;justify-content:center}
@media(min-width:700px){.author-stats{justify-content:flex-start}}
.author-stat{display:flex;flex-direction:column;align-items:center;gap:2px}
.author-stat-num{font-size:18px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:4px}
.author-stat-label{font-size:12px;color:var(--text-light);text-transform:lowercase}
/* Online & response */
.author-online{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--green2);margin-bottom:16px;justify-content:center}
@media(min-width:700px){.author-online{justify-content:flex-start}}
.author-online-dot{width:8px;height:8px;border-radius:50%;background:var(--green2);animation:pulse-dot 2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(9,203,1,.4)}50%{box-shadow:0 0 0 6px rgba(9,203,1,0)}}
.author-response{font-size:12px;color:var(--text-light);font-weight:500}
.author-quote{font-size:16px;line-height:1.7;color:var(--text);margin-bottom:24px;font-style:italic;position:relative;padding-left:0}
@media(min-width:700px){.author-quote{padding-left:20px;border-left:3px solid var(--blue1)}}
.author-cta{display:flex;gap:12px;justify-content:center}
@media(min-width:700px){.author-cta{justify-content:flex-start}}

/* ===================== SERVICES ===================== */
.services{padding:80px 0;background:var(--bg-light)}
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.service-card{background:#fff;border-radius:var(--radius-lg);padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;border:1.5px solid #e8f0fe;cursor:pointer;display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--blue1)}
.service-card-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.service-icon{width:44px;height:44px;border-radius:12px;background:var(--bg-light);display:flex;align-items:center;justify-content:center;color:var(--blue2);flex-shrink:0;transition:background .25s,color .25s}
.service-card:hover .service-icon{background:var(--blue-grad);color:#fff}
.service-card-top h3{font-size:16px;font-weight:700;line-height:1.3}
.service-price{font-size:20px;font-weight:800;color:var(--blue2);margin-bottom:12px}
.service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.service-tag{padding:4px 10px;border-radius:60px;background:var(--bg-light);font-size:12px;font-weight:600;color:var(--text-light)}
.service-card .btn{display:none}
.service-card.hidden{display:none}
.services-toggle-wrap{text-align:center;margin-top:32px}
.services-toggle{gap:6px}
.services-toggle svg{transition:transform .3s}
.services-toggle-wrap.expanded .services-toggle svg{transform:rotate(180deg)}

/* ===================== HOW IT WORKS ===================== */
.how{padding:80px 0;background:var(--white)}
.how-steps{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:768px){.how-steps{grid-template-columns:repeat(4,1fr);gap:24px}}
.step{text-align:center;position:relative}
.step-num{width:56px;height:56px;border-radius:50%;background:var(--blue-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;margin:0 auto 16px}
.step h3{font-size:17px;font-weight:700;margin-bottom:8px}
.step p{font-size:14px;color:var(--text-light)}
.step-line{display:none}
@media(min-width:768px){
.step-line{display:block;position:absolute;top:28px;left:calc(50% + 36px);width:calc(100% - 72px);height:2px;background:linear-gradient(90deg,var(--blue1),var(--blue2));opacity:.3}
.step:last-child .step-line{display:none}
}

/* ===================== CALCULATOR ===================== */
.calc{padding:80px 0;background:var(--white);position:relative}
.calc .section-title,.calc .section-sub{color:var(--text)!important}
.calc-box{background:#fff;border-radius:var(--radius-lg);padding:40px 36px;max-width:960px;margin:0 auto;box-shadow:var(--shadow-lg)}
.calc-form-grid{display:grid;grid-template-columns:1fr;gap:28px}
@media(min-width:700px){.calc-form-grid{grid-template-columns:1fr 1fr}}
.calc-input-wrap{display:flex;align-items:center;gap:12px;padding:14px 20px;border:2px solid #dde6f0;border-radius:60px;transition:border-color .2s}
.calc-input-wrap:focus-within{border-color:var(--blue2)}
.calc-input-wrap svg{flex-shrink:0;color:var(--blue2);opacity:.6}
.calc-input-wrap input,.calc-input-wrap select{flex:1;border:none;outline:none;font-size:15px;font-family:inherit;color:var(--text);background:transparent;min-width:0}
.calc-input-wrap input::placeholder{color:var(--text-light)}
.calc-input-wrap+.calc-input-wrap{margin-top:14px}
.calc-left .calc-input-wrap+.calc-input-wrap{margin-top:14px}
.calc-select-wrap{position:relative}
.calc-select-wrap select{-webkit-appearance:none;appearance:none;padding-right:28px}
.calc-chevron{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-light);transition:transform .2s}

/* Work-type searchable dropdown */
.calc-type-wrap{position:relative;cursor:pointer;z-index:15}
.calc-type-wrap.open{z-index:25}
.calc-type-wrap.open .calc-chevron{transform:translateY(-50%) rotate(180deg)}
.calc-type-display{flex:1;border:none;outline:none;font-size:15px;font-family:inherit;color:var(--text);background:transparent;min-width:0;cursor:pointer;padding-right:28px}
.calc-type-display::placeholder{color:var(--text-light)}
.calc-type-native{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none}
.calc-type-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:18px;box-shadow:0 8px 32px rgba(10,131,248,.15);border:1px solid #e8f0fe;z-index:10;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;overflow:hidden;display:flex;flex-direction:column;max-height:340px}
.calc-type-wrap.open .calc-type-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.calc-type-search-wrap{position:relative;padding:12px 14px;border-bottom:1px solid #f0f5fc;flex-shrink:0}
.calc-type-search-wrap svg{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}
.calc-type-search-wrap input{width:100%;padding:10px 14px 10px 38px;border:1.5px solid #e8f0fe;border-radius:12px;font-size:14px;font-family:inherit;outline:none;background:#fafbff;transition:border-color .15s}
.calc-type-search-wrap input:focus{border-color:var(--blue2);background:#fff}
.calc-type-list{overflow-y:auto;flex:1;padding:6px 0}
.calc-type-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;font-size:14px;color:var(--text);cursor:pointer;transition:background .12s,color .12s}
.calc-type-item:hover,.calc-type-item.active{background:var(--bg-light);color:var(--blue2)}
.calc-type-item.selected::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue2);margin-left:auto;flex-shrink:0}
.calc-type-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.calc-type-item mark{background:rgba(10,131,248,.14);color:var(--blue2);font-weight:700;border-radius:3px;padding:0 1px}
.calc-type-item-price{font-size:12px;color:var(--text-light);font-weight:600;white-space:nowrap;flex-shrink:0}
.calc-type-item.selected .calc-type-item-price,.calc-type-item.active .calc-type-item-price{color:var(--blue2)}
.calc-type-empty{padding:20px;font-size:14px;color:var(--text-light);text-align:center}
.calc-textarea-wrap{border-radius:var(--radius-lg);align-items:flex-start;padding:16px 20px;margin-top:14px}
.calc-textarea-wrap svg{margin-top:2px}
.calc-textarea-wrap textarea{flex:1;border:none;outline:none;font-size:15px;font-family:inherit;color:var(--text);background:transparent;resize:vertical;min-height:100px}
.calc-textarea-wrap textarea::placeholder{color:var(--text-light)}
.calc-slider-block{margin-bottom:8px}
.calc-slider-block label{display:flex;justify-content:space-between;font-size:15px;font-weight:700;margin-bottom:12px;color:var(--blue2)}
.calc-slider-block input[type="range"]{width:100%;-webkit-appearance:none;height:8px;border-radius:4px;background:#dde6f0;outline:none}
.calc-slider-block input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--blue2);cursor:pointer;box-shadow:0 2px 8px rgba(10,131,248,.3)}
.calc-slider-range{display:flex;justify-content:space-between;font-size:13px;color:var(--text-light);margin-top:6px}
.calc-file-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:0 4px}
.calc-file-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);transition:color .2s}
.calc-file-label:hover{color:var(--blue2)}
.calc-file-label svg{color:var(--blue2)}
.calc-file-count{font-size:14px;color:var(--text-light)}
.calc-file-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px;padding:0 4px}
.calc-file-previews:empty{display:none}
.calc-file-preview{position:relative;background:#f5f9ff;border:1px solid #e8f0fe;border-radius:10px;padding:10px;overflow:hidden;animation:fileFadeIn .25s ease-out}
@keyframes fileFadeIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.calc-file-preview-thumb{width:100%;height:72px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff;margin-bottom:8px;font-weight:700;color:var(--blue2);font-size:13px;letter-spacing:.5px}
.calc-file-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.calc-file-preview-thumb svg{width:28px;height:28px;stroke:var(--blue2)}
.calc-file-preview-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.calc-file-preview-size{font-size:11px;color:var(--text-light);margin-top:2px}
.calc-file-preview-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;font-size:16px;font-weight:700;transition:background .15s,transform .15s}
.calc-file-preview-remove:hover{background:#dc2626;transform:scale(1.08)}
.calc-result{text-align:center;padding:28px 0 0;border-top:1px solid #e8f0fe;margin-top:28px}
.calc-result-price{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--blue2)}
.calc-result-note{font-size:14px;color:var(--text-light);margin-top:4px;margin-bottom:20px}
.calc-result-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.calc-submit-btn{font-size:16px;padding:16px 40px}
.calc-tg-btn{border-color:var(--blue2);color:var(--blue2);font-size:15px;padding:14px 28px}
.calc-tg-btn:hover{background:var(--blue2);color:#fff}

/* ===================== GUARANTEES ===================== */
.guarantees{padding:80px 0;background:var(--bg-light)}
.guar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:768px){.guar-grid{grid-template-columns:repeat(5,1fr);gap:0}}
.guar-card{text-align:center;padding:36px 20px;position:relative;border-radius:var(--radius-lg);transition:background .3s}
.guar-card:hover{background:#fff;box-shadow:0 4px 24px rgba(10,131,248,.08)}
@media(min-width:768px){
.guar-card+.guar-card::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:linear-gradient(180deg,transparent,rgba(10,131,248,.12),transparent)}
.guar-card:hover+.guar-card::before{opacity:0}
}
.guar-icon{width:56px;height:56px;border-radius:16px;background:#fff;box-shadow:0 2px 12px rgba(10,131,248,.1);display:flex;align-items:center;justify-content:center;color:var(--blue2);margin:0 auto 18px;transition:background .3s,color .3s}
.guar-card:hover .guar-icon{background:var(--blue-grad);color:#fff}
.guar-card h3{font-size:15px;font-weight:700;margin-bottom:8px;line-height:1.3}
.guar-card p{font-size:13px;color:var(--text-light);line-height:1.6}

/* ===================== REVIEWS ===================== */
.reviews{padding:80px 0;background:var(--bg-light)}
.reviews-carousel{position:relative;overflow:hidden}
.reviews-track{display:flex;gap:20px;padding:8px 0;transition:transform .45s cubic-bezier(.25,.1,.25,1)}
.reviews-carousel-wrap{position:relative}
.carousel-btns{display:flex;gap:12px;margin-top:28px;justify-content:center}
.carousel-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e8f0fe;display:flex;align-items:center;justify-content:center;color:var(--blue2);transition:all .2s;cursor:pointer}
.carousel-btn:hover{background:var(--blue2);color:#fff;border-color:var(--blue2)}
.review-card{min-width:280px;max-width:300px;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);flex-shrink:0;transition:transform .25s,box-shadow .25s}
.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
/* Screenshot area — uses .img-wrap skeleton */
.review-screenshot{position:relative;width:100%;aspect-ratio:9/14;overflow:hidden;background:#e8f0fe;border-radius:0}
.review-screenshot.img-wrap{border-radius:0}
.review-screenshot img{width:100%;height:100%;object-fit:cover}
/* Messenger badge */
.review-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:60px;font-size:12px;font-weight:700;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.review-badge.badge-tg{background:rgba(42,171,238,.85)}
.review-badge.badge-viber{background:rgba(115,96,242,.85)}
.review-badge.badge-ig{background:rgba(214,36,159,.85)}
/* Bottom info */
.review-info{padding:16px 18px;display:flex;align-items:center;justify-content:space-between}
.review-author-block{display:flex;flex-direction:column;gap:2px}
.review-author-block .review-author{font-weight:700;font-size:14px;color:var(--text)}
.review-author-block .review-work{font-size:12px;color:var(--text-light)}
.review-stars{display:flex;gap:1px;color:#fbbf24}

/* ===================== FAQ ===================== */
.faq{padding:80px 0;background:var(--white)}
.faq-list{max-width:800px;margin:0 auto}
.faq-item{border:1px solid #e8f0fe;border-radius:var(--radius);margin-bottom:12px;overflow:hidden;transition:border-color .25s}
.faq-item.open{border-color:var(--blue1)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;font-size:16px;font-weight:700;cursor:pointer;background:#fff;gap:12px}
.faq-q svg{flex-shrink:0;transition:transform .3s;color:var(--blue2)}
.faq-item.open .faq-q svg{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.faq-a-inner{padding:0 24px 20px;font-size:15px;color:var(--text-light);line-height:1.7}

/* ===================== CTA SECTION ===================== */
.cta-section{padding:80px 0;background:var(--blue-grad);color:#fff;text-align:center;position:relative}
.cta-section::before{content:'';position:absolute;top:-2px;left:0;right:0;height:60px;background:var(--white);clip-path:ellipse(55% 100% at 50% 0%)}
.cta-section h2{font-size:clamp(26px,4vw,40px);font-weight:800;margin-bottom:16px}
.cta-section p{font-size:18px;opacity:.9;margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto}
.cta-section .btn{font-size:17px;padding:16px 36px}
.cta-trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:32px;opacity:.75;font-size:14px;font-weight:600}
.cta-trust span{display:flex;align-items:center;gap:6px}

/* ===================== FOOTER ===================== */
.footer{padding:60px 0 24px;background:var(--dark);color:rgba(255,255,255,.8)}
.footer-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:40px}
@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:16px}
.footer a{display:block;padding:4px 0;font-size:14px;color:rgba(255,255,255,.6);transition:color .2s}
.footer a:hover{color:#fff}
.footer-brand p{font-size:14px;line-height:1.7;margin-top:12px;opacity:.6}
.footer-socials{display:flex;gap:12px;margin-top:16px}
.footer-socials a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);transition:background .2s,color .2s}
.footer-socials a:hover{background:var(--blue2);color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;opacity:.5}
.footer-payments{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.footer-payments span{font-size:13px;opacity:.7}

/* ===================== FLOATING CTA ===================== */
.float-cta{position:fixed;bottom:24px;right:24px;z-index:900;display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.float-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.2);transition:transform .2s}
.float-btn:hover{transform:scale(1.1)}
.float-btn.tg{background:#2AABEE}
.float-btn.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.float-btn.viber{background:#7360f2}
.float-btn.wa{background:#25D366}
.float-btn.phone-float{background:var(--green-grad)}
.float-cta-order{display:none;padding:14px 24px;border-radius:60px;background:var(--green-grad);color:#fff;font-weight:700;font-size:14px;box-shadow:0 4px 24px rgba(9,203,1,.3);transition:transform .2s}
.float-cta-order:hover{transform:translateY(-2px)}
@media(max-width:899px){.float-cta-order{display:inline-flex}}

/* ===================== CONTACT MODAL ===================== */
.contact-overlay{position:fixed;inset:0;background:rgba(15,26,46,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.contact-overlay.open{opacity:1;visibility:visible}
.contact-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:#fff;border-radius:var(--radius-lg);padding:36px 32px;z-index:2001;width:90%;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s}
.contact-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.contact-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-light);transition:background .2s,color .2s;border:none}
.contact-modal-close:hover{background:var(--blue2);color:#fff}
.contact-modal h3{font-size:20px;font-weight:800;margin-bottom:6px;color:var(--text)}
.contact-modal p{font-size:14px;color:var(--text-light);margin-bottom:24px}
.contact-links{display:flex;flex-direction:column;gap:10px}
.contact-link{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius);border:1px solid #e8f0fe;transition:border-color .2s,box-shadow .2s;text-decoration:none}
.contact-link:hover{border-color:var(--blue1);box-shadow:0 2px 12px rgba(10,131,248,.1)}
.contact-link-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.contact-link-icon.cl-tg{background:#2AABEE}
.contact-link-icon.cl-viber{background:#7360f2}
.contact-link-icon.cl-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.contact-link-icon.cl-phone{background:var(--green2)}
.contact-link-icon.cl-wa{background:#25D366}
.contact-link-text{display:flex;flex-direction:column}
.contact-link-text span:first-child{font-size:15px;font-weight:700;color:var(--text)}
.contact-link-text span:last-child{font-size:12px;color:var(--text-light)}

/* ===================== MISC ===================== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(prefers-reduced-motion:reduce){
.fade-up{opacity:1;transform:none}
.hero-float{animation:none}
*{transition-duration:.01ms!important;animation-duration:.01ms!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

/* ===================== ASPECT-RATIO FALLBACK (iOS Safari <15) ===================== */
@supports not (aspect-ratio:1 / 1){
.review-screenshot{min-height:360px}
.cert-card-img-wrap{min-height:240px}
.post-hero{min-height:260px}
}

/* ===================== LOW-END DEVICES: reduce GPU load ===================== */
@media(max-width:767px){
.mobile-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.review-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.blog-cats-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hero-badge,.fs-discount-expires{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* ===================== RESPONSIVE: SMALL PHONES ===================== */
@media(max-width:480px){
.container{padding:0 16px}
/* Hero */
.hero{padding:calc(var(--header-h) + 32px) 0 0}
.hero h1{font-size:24px}
.hero-desc{font-size:14px;margin-bottom:20px}
.hero-badges{gap:6px;margin-bottom:24px}
.hero-badge{font-size:11px;padding:5px 10px}
.hero-btns{flex-direction:column}
.hero-btns .btn{width:100%;justify-content:center;font-size:14px;padding:12px 20px}
.hero-grid{padding-bottom:100px!important}
.hero-img{display:none}
.hero-float{display:none}
/* Stats */
.stats-bar{margin-top:-50px;padding:0 0 32px}
.stat-card{padding:20px 8px}
.stat-label{font-size:11px}
.trust-bar{gap:8px 16px;padding:16px 0 0}
.trust-item{font-size:11px}
/* Authors */
.authors{padding:32px 0 56px}
.spec-nav-row{gap:8px}
.spec-nav-btn{width:38px;height:38px}
.spec-select-input{padding:12px 40px;font-size:14px}
.author-card{padding:24px 20px}
.author-photo{width:120px;height:120px}
.author-name{font-size:20px}
.author-meta{flex-direction:column;gap:6px}
.author-quote{font-size:14px}
/* Sections */
.section-title{margin-bottom:12px;font-size:24px}
.section-sub{margin-bottom:28px;font-size:14px}
.services,.how,.calc,.guarantees,.reviews,.faq{padding:48px 0}
/* Services */
.services-grid{grid-template-columns:1fr;gap:12px}
.service-card{padding:18px 16px}
.service-price{font-size:18px}
/* Calc */
.calc-box{padding:20px 16px}
/* Guarantees */
.guar-grid{grid-template-columns:1fr!important;gap:10px}
.guar-card{text-align:left;padding:16px;display:flex;gap:14px;align-items:flex-start}
.guar-card .guar-icon{margin:0;flex-shrink:0;width:40px;height:40px}
.guar-card h3{font-size:14px}
.guar-card p{font-size:12px}
/* Reviews */
.review-card{min-width:240px;max-width:260px}
/* FAQ */
.faq-q{padding:14px 16px;font-size:14px}
.faq-a-inner{padding:0 16px 14px;font-size:13px}
/* CTA */
.cta-section{padding:48px 0}
.cta-section h2{font-size:22px}
.cta-section p{font-size:15px}
.cta-section .btn{width:100%;justify-content:center;font-size:15px;padding:14px 24px}
.cta-trust{gap:8px 16px;font-size:12px}
/* Float CTA */
.float-cta{bottom:12px;right:12px;gap:8px}
.float-btn{width:44px;height:44px}
.float-btn svg{width:20px;height:20px}
.float-cta-order{padding:10px 18px;font-size:12px}
/* Footer */
.footer{padding:32px 0 16px}
.footer-bottom{justify-content:center;text-align:center;flex-direction:column;gap:8px}
.footer-payments{justify-content:center}
/* Contact modal */
.contact-modal{padding:28px 20px;width:94%}
.contact-modal h3{font-size:18px}
.contact-link{padding:12px 14px}
.contact-link-icon{width:36px;height:36px}
}

/* ===================== RESPONSIVE: TINY SCREENS ===================== */
@media(max-width:360px){
.fs-discount-number{font-size:56px}
.fs-discount-minus,.fs-discount-unit{font-size:30px}
.fs-discount-title{font-size:17px}
.fs-discount-promo-code{font-size:17px;letter-spacing:.06em}
.fs-discount-promo-copy .fs-discount-promo-copy-text{display:none}
.fs-discount-promo-copy{padding:10px;width:40px;height:40px;justify-content:center}

.hero h1{font-size:21px}
.section-title{font-size:21px}
.stat-num{font-size:28px!important}
.stat-suffix{font-size:18px!important}
.author-card{padding:20px 16px}
.author-photo{width:100px;height:100px}
.author-name{font-size:18px}
.spec-select-label{font-size:11px}
}

/* ===================== RESPONSIVE: PHABLETS ===================== */
@media(min-width:481px) and (max-width:767px){
/* Guarantees 2-col */
.guar-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px}
.guar-card::before{display:none!important}
/* Footer 2x2 */
.footer-grid{grid-template-columns:1fr 1fr;gap:28px}
/* Services smaller cards */
.services-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
}

/* ===================== RESPONSIVE: TABLET FIX ===================== */
@media(min-width:768px) and (max-width:1023px){
/* Guarantees 3-col instead of 5 */
.guar-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px}
/* Header nav tighter */
.header-nav a{font-size:13px}
.header-nav{gap:20px}
/* Hero image smaller on tablet */
.hero-img-inner{max-width:350px}
.hero-float{font-size:11px;padding:8px 12px}
.hero-float.f1{bottom:10px;left:0}
.hero-float.f2{top:8px;right:0}
}

/* ===================== RESPONSIVE: 5-COL GUARANTEES ONLY ON WIDE ===================== */
@media(min-width:1024px){
.guar-grid{grid-template-columns:repeat(5,1fr);gap:0}
}

/* ===================== RESPONSIVE: SMALL LAPTOPS ===================== */
@media(min-width:900px) and (max-width:1200px){
.header-nav{gap:18px}
.header-nav a{font-size:13px}
.header-right{gap:10px}
}

/* ===================== RESPONSIVE: MOBILE BUTTONS ===================== */
@media(max-width:640px){
.hero-btns .btn{width:100%;justify-content:center}
.calc-result-btns{flex-direction:column}
.calc-result-btns .btn{width:100%;justify-content:center}
.cta-section div[style]{flex-direction:column;align-items:center}
.cta-section .btn{width:100%;max-width:340px;justify-content:center}
}

/* ===================== RESPONSIVE: MOBILE FOOTER ===================== */
@media(max-width:767px){
.footer-grid{gap:28px}
.footer-bottom{justify-content:center;text-align:center;flex-direction:column;gap:8px}
.footer-payments{justify-content:center}
}

/* ===== SweetAlert2 brand override ===== */
.fs-swal{border-radius:18px!important;font-family:'Manrope',sans-serif!important;padding:28px 20px!important}
.fs-swal .swal2-title{font-weight:700;color:var(--dark);font-size:22px}
.fs-swal .swal2-html-container{color:#4b5563;font-size:15px;line-height:1.5}
.fs-swal .swal2-confirm{border-radius:12px!important;padding:10px 28px!important;font-weight:600!important;box-shadow:0 6px 16px rgba(10,131,248,.25)!important}

/* ===== BLOG ===== */
.blog-hero{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);padding:calc(var(--header-h) + 48px) 0 56px;position:relative;overflow:hidden;border-bottom:1px solid #e2e8f0}
.blog-hero::before{content:'';position:absolute;top:-120px;right:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(10,131,248,.18),transparent 70%);border-radius:50%;z-index:0;pointer-events:none}
.blog-hero::after{content:'';position:absolute;bottom:-140px;left:-100px;width:360px;height:360px;background:radial-gradient(circle,rgba(17,189,253,.14),transparent 70%);border-radius:50%;z-index:0;pointer-events:none}
.blog-hero-inner{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto}
.blog-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:60px;background:#fff;color:var(--blue2);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;box-shadow:0 3px 12px rgba(10,131,248,.12);border:1px solid rgba(10,131,248,.1)}
.blog-hero-title{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15;margin:0 0 14px;color:var(--dark);letter-spacing:-.015em}
.blog-hero-sub{font-size:17px;color:#475569;line-height:1.55;max-width:560px;margin:0 auto;font-weight:500}

.blog-list-section{padding:50px 0 80px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-bottom:40px}
.blog-empty{text-align:center;padding:60px 20px;color:var(--text-light)}
.blog-empty svg{color:#cbd5e1;margin-bottom:12px}
.blog-empty p{font-size:16px;margin:0}

.blog-card{position:relative;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 2px 12px rgba(15,26,46,.04);border:1px solid #eef3fb;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}
.blog-card-link-stretch::before{content:'';position:absolute;inset:0;z-index:1}
.blog-card-badge,.blog-card-link{position:relative;z-index:2}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(10,131,248,.12);border-color:rgba(10,131,248,.2)}
.blog-card-cover{display:block;width:100%;aspect-ratio:16/9;background:#f5f9ff;overflow:hidden;position:relative}
.blog-card-cover img{width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;object-position:center;display:block;transition:transform .5s}
.blog-card:hover .blog-card-cover img{transform:scale(1.04)}
.blog-card-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(10,131,248,.3);background:linear-gradient(135deg,#f5f9ff,#e8f0fe)}
.blog-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.blog-card-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-light);font-weight:500;margin-bottom:12px}
.blog-card-dot{color:#cbd5e1}
.blog-card-title{font-size:19px;line-height:1.35;font-weight:700;margin:0 0 10px}
.blog-card-title a{color:var(--dark);text-decoration:none;transition:color .15s}
.blog-card-title a:hover{color:var(--blue2)}
.blog-card-excerpt{font-size:14px;color:var(--text-light);line-height:1.55;margin:0 0 18px;flex:1}
.blog-card-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue2);font-size:14px;font-weight:700;text-decoration:none;align-self:flex-start;transition:gap .2s}
.blog-card-link:hover{gap:10px}
.blog-card-link svg{flex-shrink:0}

.blog-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px;flex-wrap:wrap}
.blog-pagination-page,.blog-pagination-nav,.blog-pagination-dots{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;border:1px solid #e8f0fe;background:#fff;color:var(--text)}
.blog-pagination-page:hover,.blog-pagination-nav:not(.is-disabled):hover{border-color:var(--blue2);color:var(--blue2);transform:translateY(-1px)}
.blog-pagination-page.is-active{background:linear-gradient(135deg,#11BDFD 0%,#0A83F8 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(10,131,248,.25);cursor:default}
.blog-pagination-page.is-active:hover{transform:none}
.blog-pagination-nav{padding:0 10px;color:var(--text-light)}
.blog-pagination-nav.is-disabled{color:#cbd5e1;background:#f8fafc;border-color:#eef3fb;cursor:not-allowed;pointer-events:none}
.blog-pagination-dots{border-color:transparent;background:transparent;color:var(--text-light);cursor:default;padding:0 6px;min-width:auto}

/* Post single — 2-column layout with full-bleed cover */
.post-hero{width:100%;height:clamp(260px,42vh,460px);overflow:hidden;background:#f5f9ff;position:relative;margin-top:var(--header-h)}
.post-hero img{width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;object-position:center;display:block}
.post-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(255,255,255,.08) 100%);pointer-events:none}

.post{padding:calc(var(--header-h) + 50px) 0 70px}
.post-hero+.post{padding-top:50px}
.post-hero+.post{padding-top:50px}
.post-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;max-width:1120px;margin:0 auto}
.post-aside{position:sticky;top:calc(var(--header-h) + 28px);align-self:start;display:flex;flex-direction:column;gap:24px;padding-top:4px}
.post-main{min-width:0}

.post-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-light);font-size:14px;font-weight:600;text-decoration:none;transition:color .15s;width:fit-content}
.post-back:hover{color:var(--blue2)}

.post-author-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #eef3fb;border-radius:14px;box-shadow:0 1px 4px rgba(15,26,46,.03)}
.post-author-avatar{width:42px;height:42px;border-radius:50%;background:var(--blue-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-transform:uppercase;flex-shrink:0}
.post-author-name{font-weight:700;font-size:14px;color:var(--dark);line-height:1.3}
.post-author-role{font-size:12px;color:var(--text-light);margin-top:1px}

.post-share{display:flex;flex-direction:column;gap:10px}
.post-share-label{font-size:12px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.06em}
.post-share-btns{display:flex;gap:8px;flex-wrap:wrap}
.post-share-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid #e8f0fe;display:inline-flex;align-items:center;justify-content:center;color:var(--text-light);text-decoration:none;cursor:pointer;transition:border-color .15s,color .15s,transform .15s,background .15s;padding:0}
.post-share-btn:hover{border-color:var(--blue2);color:var(--blue2);transform:translateY(-2px)}
.post-share-btn.copied{background:var(--green2);border-color:var(--green2);color:#fff}

.post-header{margin-bottom:32px}
.post-meta{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-light);font-weight:500;flex-wrap:wrap}
.post-title{font-size:clamp(28px,3.2vw,42px);line-height:1.15;font-weight:800;color:var(--dark);margin:14px 0 18px;letter-spacing:-.015em}
.post-lede{font-size:19px;line-height:1.55;color:var(--text-light);margin:0 0 20px}

.post-content{font-size:17px;line-height:1.75;color:var(--dark);max-width:720px}
.post-content > *:first-child{margin-top:0}
.post-content p{margin:0 0 20px}
.post-content h2{font-size:28px;font-weight:800;line-height:1.25;margin:40px 0 14px;color:var(--dark);letter-spacing:-.01em}
.post-content h3{font-size:22px;font-weight:700;line-height:1.3;margin:32px 0 12px;color:var(--dark)}
.post-content ul,.post-content ol{margin:0 0 22px;padding-left:24px}
.post-content li{margin-bottom:8px}
.post-content li::marker{color:var(--blue2)}
.post-content a{color:var(--blue2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.post-content a:hover{text-decoration-thickness:2px}
.post-content blockquote{margin:24px 0;padding:18px 24px;background:linear-gradient(135deg,rgba(17,189,253,.06),rgba(10,131,248,.08));border-left:4px solid var(--blue2);border-radius:0 12px 12px 0;font-style:italic;color:var(--dark)}
.post-content blockquote p:last-child{margin-bottom:0}
.post-content strong{color:var(--dark);font-weight:700}
.post-content img{max-width:100%;height:auto;border-radius:12px;margin:24px 0}
.post-content code{background:#f1f5f9;padding:2px 8px;border-radius:5px;font-size:.92em;color:var(--dark)}

.post-cta{margin:48px 0 0;padding:36px 32px;border-radius:20px;background:linear-gradient(135deg,rgba(17,189,253,.08),rgba(10,131,248,.12));text-align:center;max-width:720px}
.post-cta h3{font-size:22px;font-weight:700;margin:0 0 8px;color:var(--dark)}
.post-cta p{font-size:15px;color:var(--text-light);margin:0 0 20px}
.post-cta .btn{padding:14px 32px;font-size:15px}

.blog-related{background:var(--bg-light);padding:60px 0;margin-top:60px}

@media(max-width:960px){
.post-layout{grid-template-columns:1fr;gap:28px}
.post-aside{position:static;top:auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-bottom:4px;border-bottom:1px solid #eef3fb}
.post-author-card{flex:1;min-width:220px;padding:12px 14px;box-shadow:none}
.post-share{flex-direction:row;align-items:center;gap:14px}
.post-share-label{font-size:11px}
}
@media(max-width:767px){
.blog-hero{padding:calc(var(--header-h) + 28px) 0 32px}
.blog-hero-title{font-size:28px;margin-bottom:10px}
.blog-hero-sub{font-size:15px}
.blog-hero-badge{margin-bottom:14px}
.blog-list-section{padding:40px 0 60px}
.blog-grid{gap:20px;grid-template-columns:1fr}
.post-hero{height:clamp(200px,34vh,320px)}
.post{padding:32px 0 50px}
.post-lede{font-size:16px}
.post-content{font-size:16px}
.post-content h2{font-size:24px}
.post-content h3{font-size:19px}
.post-cta{margin:36px 0 0;padding:28px 20px}
.blog-related{padding:40px 0;margin-top:40px}
.post-aside{gap:12px}
.post-author-card{min-width:0;width:100%}
.post-share{width:100%;justify-content:space-between}
.post-share-btn{width:36px;height:36px}
}

/* ===== BLOG CATEGORIES ===== */
.blog-cats-wrap{background:#fff;border-bottom:1px solid #eef3fb;position:sticky;top:var(--header-h);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.blog-cats{display:flex;gap:10px;padding:16px 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.blog-cats::-webkit-scrollbar{display:none}
.blog-cat{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:60px;background:#fff;border:1.5px solid #e8f0fe;color:var(--text);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;transition:border-color .2s,color .2s,transform .15s;flex-shrink:0}
.blog-cat:hover{border-color:var(--blue2);color:var(--blue2);transform:translateY(-1px)}
.blog-cat.active{color:#fff;border-color:transparent;background:var(--blue2)}
.blog-cat.active .blog-cat-dot{background:rgba(255,255,255,.6)!important}
.blog-cat.active .blog-cat-count{background:rgba(255,255,255,.2);color:#fff}
.blog-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.blog-cat-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:60px;background:#f1f5f9;color:var(--text-light);font-size:11px;font-weight:700;margin-left:2px}

.blog-card-cover{position:relative}
.blog-card-badge{position:absolute;top:12px;left:12px;padding:5px 11px;border-radius:60px;background:var(--blue2);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;text-decoration:none;text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:2;transition:transform .15s}
.blog-card-badge:hover{transform:translateY(-1px)}

.post-category-badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:60px;background:var(--blue2);color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;margin-bottom:14px;transition:transform .15s}
.post-category-badge:hover{transform:translateY(-1px)}

@media(max-width:767px){
.blog-cats-wrap{position:static}
.blog-cats{padding:12px 0}
.blog-cat{padding:7px 12px;font-size:13px}
.blog-cat-count{min-width:20px;height:20px;font-size:10px}
}

/* ===== DISCOUNT MODAL ===== */
.fs-swal-discount{padding:0!important;border-radius:22px!important;overflow:hidden!important;max-width:440px!important;width:100%!important;box-shadow:0 20px 60px rgba(10,131,248,.25)!important}
.fs-swal-discount .swal2-close{position:absolute!important;top:10px!important;right:12px!important;width:32px!important;height:32px!important;color:#fff!important;font-size:28px!important;opacity:.8!important;z-index:3!important;background:rgba(255,255,255,.12)!important;border-radius:50%!important;transition:background .15s,opacity .15s!important}
.fs-swal-discount .swal2-close:hover{background:rgba(255,255,255,.22)!important;opacity:1!important;color:#fff!important}
.fs-swal-discount .fs-discount-html,.fs-swal-discount .swal2-html-container{margin:0!important;padding:0!important;font-size:inherit!important;line-height:inherit!important}
.fs-discount-actions{padding:0 24px 24px!important;gap:8px!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}

.fs-discount{text-align:left}
.fs-discount-hero{position:relative;padding:36px 28px 26px;background:linear-gradient(135deg,#11BDFD 0%,#0A83F8 55%,#0670d8 100%);color:#fff;text-align:center;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.fs-discount-hero::before,.fs-discount-hero::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.fs-discount-hero::before{width:220px;height:220px;top:-80px;right:-60px}
.fs-discount-hero::after{width:160px;height:160px;bottom:-70px;left:-40px}
.fs-discount-confetti{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,.4) 2px,transparent 3px),radial-gradient(circle at 82% 18%,rgba(255,255,255,.3) 2px,transparent 3px),radial-gradient(circle at 20% 78%,rgba(255,255,255,.25) 1.5px,transparent 2.5px),radial-gradient(circle at 75% 82%,rgba(255,255,255,.35) 2px,transparent 3px),radial-gradient(circle at 45% 15%,rgba(255,255,255,.3) 1.5px,transparent 2.5px);pointer-events:none}
.fs-discount-gift{width:56px;height:56px;margin:0 auto 10px;display:block;position:relative;filter:drop-shadow(0 6px 16px rgba(0,0,0,.25));animation:fsGiftFloat 3s ease-in-out infinite}
@keyframes fsGiftFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-4deg)}}
.fs-discount-percent{display:inline-flex;align-items:flex-start;flex-wrap:nowrap;line-height:.85;font-weight:900;letter-spacing:-.04em;position:relative;z-index:1;text-shadow:0 4px 14px rgba(0,0,0,.12);white-space:nowrap}
.fs-discount-minus{font-size:44px;margin-right:4px;margin-top:6px;flex-shrink:0}
.fs-discount-number{font-size:84px;flex-shrink:0}
.fs-discount-unit{font-size:44px;margin-top:8px;margin-left:2px;flex-shrink:0}
.fs-discount-expires{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:5px 14px;background:rgba(255,255,255,.18);border-radius:60px;font-size:12px;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:1;white-space:nowrap;flex-shrink:0}

.fs-discount-body{padding:26px 28px 0;font-family:'Manrope',sans-serif}
.fs-discount-title{font-size:22px;font-weight:800;margin:0 0 8px;color:var(--dark);text-align:center;line-height:1.22;letter-spacing:-.01em}
.fs-discount-sub{font-size:14px;color:var(--text-light);margin:0 0 20px;text-align:center;line-height:1.55}

.fs-discount-promo{margin:0 0 14px}
.fs-discount-promo-label{font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;text-align:center}
.fs-discount-promo-box{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 18px;background:linear-gradient(135deg,rgba(17,189,253,.08),rgba(10,131,248,.14));border:2px dashed rgba(10,131,248,.45);border-radius:14px;transition:border-color .2s}
.fs-discount-promo-box:hover{border-color:var(--blue2)}
.fs-discount-promo-code{font-family:'Courier New','Menlo',monospace;font-size:22px;font-weight:800;color:var(--blue2);letter-spacing:.1em;user-select:all}
.fs-discount-promo-copy{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:none;border-radius:10px;background:var(--blue2);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,transform .12s,box-shadow .15s;box-shadow:0 2px 8px rgba(10,131,248,.3);flex-shrink:0}
.fs-discount-promo-copy:hover{background:#0670d8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,131,248,.4)}
.fs-discount-promo-copy:active{transform:translateY(0)}
.fs-discount-promo-copy.copied{background:var(--green2);box-shadow:0 2px 8px rgba(9,203,1,.35)}
.fs-discount-promo-copy.copied:hover{background:var(--green2)}
.fs-discount-hint{font-size:13px;color:var(--text-light);margin:0 0 22px;text-align:center;line-height:1.5}

.fs-discount-confirm,.fs-discount-cancel{padding:13px 20px!important;border-radius:60px!important;font-family:'Manrope',sans-serif!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;transition:transform .15s,box-shadow .15s,background .15s!important;border:none!important;width:100%!important;margin:0!important}
.fs-discount-confirm{background:var(--green2)!important;color:#fff!important;box-shadow:0 6px 18px rgba(9,203,1,.28)!important}
.fs-discount-confirm:hover{background:#07b300!important;transform:translateY(-1px)!important;box-shadow:0 8px 22px rgba(9,203,1,.4)!important}
.fs-discount-cancel{background:#f5f9ff!important;color:var(--text-light)!important}
.fs-discount-cancel:hover{background:#e8f0fe!important;color:var(--text)!important}

@media(max-width:479px){
.fs-swal-discount{max-width:calc(100vw - 24px)!important;border-radius:18px!important}
.fs-discount-hero{padding:26px 18px 20px}
.fs-discount-number{font-size:64px}
.fs-discount-minus,.fs-discount-unit{font-size:34px}
.fs-discount-gift{width:48px;height:48px;margin-bottom:6px}
.fs-discount-expires{font-size:11px;padding:4px 11px}
.fs-discount-body{padding:22px 20px 0}
.fs-discount-title{font-size:19px}
.fs-discount-promo-box{padding:6px 6px 6px 14px;gap:6px}
.fs-discount-promo-code{font-size:19px;letter-spacing:.08em}
.fs-discount-promo-copy{padding:8px 10px;font-size:12px}
.fs-discount-actions{grid-template-columns:1fr!important;padding:0 20px 20px!important}
.fs-discount-cancel{order:2}
.fs-discount-confirm{order:1}
}

/* ===== CERTIFICATES ===== */
.certificates{padding:80px 0;position:relative;background:linear-gradient(180deg,#fff 0%,var(--bg-light) 100%)}
.certificates::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#e8f0fe,transparent)}
.certs-head{text-align:center;max-width:640px;margin:0 auto 48px}
.certs-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:60px;background:rgba(10,131,248,.1);color:var(--blue2);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.certs-grid{display:grid;gap:32px;margin:0 auto;max-width:1080px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.certs-grid--1{grid-template-columns:minmax(0,560px);justify-content:center}
.certs-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cert-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #eef3fb;border-radius:22px;overflow:hidden;text-align:left;font-family:inherit;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s}
.cert-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(15,26,46,.08);border-color:#dfe6ef}
.cert-card-img-wrap{position:relative;aspect-ratio:16/10;background:#f7f3ec;background-image:radial-gradient(circle at 20% 30%,rgba(212,165,116,.08) 0%,transparent 45%),radial-gradient(circle at 80% 70%,rgba(212,165,116,.06) 0%,transparent 45%),linear-gradient(135deg,#faf6ef 0%,#f2ebe0 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:28px 24px;border:none;cursor:zoom-in;width:100%;margin:0;font-family:inherit}
.cert-card-img-wrap::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 14px,rgba(212,165,116,.025) 14px,rgba(212,165,116,.025) 15px);pointer-events:none}
.cert-card-img-wrap:focus-visible{outline:2px solid var(--blue2);outline-offset:-3px;border-radius:inherit}
.cert-card-img-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 10px 26px rgba(15,26,46,.18));transition:transform .4s ease,opacity .5s ease;position:relative;z-index:2;opacity:0}
.cert-card-img-wrap.img-loaded img{opacity:1}
.cert-card-img-wrap.img-loaded:hover img{transform:scale(1.03)}
.cert-card-img-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#ede5d4 0%,#faf5ea 50%,#ede5d4 100%);background-size:200% 100%;animation:certShimmer 1.6s ease-in-out infinite;z-index:1;pointer-events:none;transition:opacity .45s ease}
.cert-card-img-wrap.img-loaded .cert-card-img-skeleton{opacity:0}
@keyframes certShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.cert-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#c9b68d;position:relative;z-index:2}

.cert-card-year{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:60px;background:linear-gradient(135deg,#0A83F8,#11BDFD);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;box-shadow:0 3px 12px rgba(10,131,248,.35);z-index:2}
.cert-card-year svg{opacity:.9}

.cert-card-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:60px;background:#fff;color:var(--blue2);font-size:13px;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 24px rgba(15,26,46,.18);opacity:0;transition:opacity .25s,transform .25s cubic-bezier(.4,0,.2,1);z-index:2;white-space:nowrap}
.cert-card-img-wrap:hover .cert-card-view,.cert-card-img-wrap:focus-visible .cert-card-view{opacity:1;transform:translate(-50%,-50%) scale(1)}

.cert-card-body{padding:28px 32px 32px;flex:1;display:flex;flex-direction:column;gap:10px}
.cert-card-issuer{display:inline-flex;align-items:center;gap:6px;color:var(--blue2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0 0 2px}
.cert-card-issuer svg{flex-shrink:0}
.cert-card-title{font-size:22px;font-weight:800;color:var(--dark);line-height:1.25;margin:0;letter-spacing:-.01em}
.cert-card-desc{font-size:15px;color:var(--text-light);line-height:1.65;margin:0;white-space:pre-line}

/* Lightbox — SweetAlert2 override */
.fs-swal-cert{padding:0!important;border-radius:18px!important;overflow:hidden!important;max-width:720px!important;width:100%!important;background:#fff!important;box-shadow:0 30px 80px rgba(0,0,0,.4)!important}
.fs-swal-cert .swal2-close{position:absolute!important;top:12px!important;right:14px!important;width:36px!important;height:36px!important;color:#fff!important;background:rgba(0,0,0,.4)!important;border-radius:50%!important;font-size:28px!important;z-index:5!important;opacity:1!important}
.fs-swal-cert .swal2-close:hover{background:rgba(0,0,0,.6)!important;color:#fff!important}
.fs-swal-cert .swal2-html-container{margin:0!important;padding:0!important}
.cert-lightbox{display:flex;flex-direction:column;max-height:90vh}
.cert-lightbox-img{background:#f7f3ec;background-image:linear-gradient(135deg,#faf6ef 0%,#f2ebe0 100%);padding:32px;display:flex;align-items:center;justify-content:center;flex:1;min-height:320px;position:relative;overflow:hidden}
.cert-lightbox-img img{max-width:100%;max-height:min(640px,70vh);object-fit:contain;border-radius:4px;box-shadow:0 16px 48px rgba(15,26,46,.22);position:relative;z-index:2;opacity:0;transition:opacity .5s ease}
.cert-lightbox-img.img-loaded img{opacity:1}
.cert-lightbox-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#ede5d4 0%,#faf5ea 50%,#ede5d4 100%);background-size:200% 100%;animation:certShimmer 1.6s ease-in-out infinite;z-index:1;pointer-events:none;transition:opacity .4s ease}
.cert-lightbox-img.img-loaded .cert-lightbox-skeleton{opacity:0}
.cert-lightbox-body{padding:24px 32px 28px;text-align:left;border-top:1px solid #eef3fb;background:#fff}
.cert-lightbox-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.cert-lightbox-issuer{color:var(--blue2)}
.cert-lightbox-year{padding:3px 10px;border-radius:60px;background:var(--blue-grad);color:#fff}
.cert-lightbox-title{font-size:20px;font-weight:800;color:var(--dark);margin:0 0 10px;line-height:1.3}
.cert-lightbox-desc{font-size:14px;color:var(--text-light);line-height:1.65;margin:0;white-space:pre-line}

@media(max-width:767px){
.certificates{padding:50px 0}
.certs-head{margin-bottom:32px}
.certs-grid,.certs-grid--1,.certs-grid--2{grid-template-columns:1fr;gap:20px}
.cert-card-img-wrap{padding:20px 16px}
.cert-card-body{padding:22px 22px 26px;gap:8px}
.cert-card-title{font-size:19px}
.cert-card-desc{font-size:14px;line-height:1.6}
.cert-card-year{top:10px;left:10px;padding:5px 10px;font-size:11px}
.cert-card-view{font-size:12px;padding:8px 14px}
.fs-swal-cert{max-width:calc(100vw - 24px)!important}
.cert-lightbox-img{padding:16px}
.cert-lightbox-body{padding:18px 22px 22px}
.cert-lightbox-title{font-size:18px}
}

/* ===== BREADCRUMBS ===== */
.breadcrumbs{padding:14px 0 0;font-size:13px;color:#64748b}
.breadcrumbs-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.breadcrumbs-item{display:inline-flex;align-items:center;gap:6px;min-width:0}
.breadcrumbs-item a{color:#64748b;text-decoration:none;transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.breadcrumbs-item a:hover{color:var(--blue2)}
.breadcrumbs-item [aria-current=page]{color:var(--dark);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px;display:inline-block;vertical-align:bottom}
.breadcrumbs-sep{color:#cbd5e1;flex:none}
@media (max-width:640px){
.breadcrumbs{font-size:12px}
.breadcrumbs-item a,.breadcrumbs-item [aria-current=page]{max-width:160px}
}

/* ===== ERROR PAGE (404) ===== */
.error-page{padding:calc(var(--header-h) + 80px) 0 100px;text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);min-height:60vh;display:flex;align-items:center}
.error-page-inner{max-width:540px;margin:0 auto}
.error-page-code{font-size:clamp(96px,18vw,180px);font-weight:800;line-height:1;background:var(--blue-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;letter-spacing:-.04em}
.error-page-title{font-size:clamp(24px,4vw,36px);font-weight:800;color:var(--dark);margin:0 0 14px;letter-spacing:-.01em}
.error-page-desc{font-size:16px;color:#475569;line-height:1.55;margin:0 0 28px}
.error-page-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}