.skl-hero{background:radial-gradient(ellipse 65% 55% at 95% 5%,rgba(252,144,73,.16),transparent),radial-gradient(ellipse 50% 50% at 5% 95%,rgba(255,88,99,.11),transparent),var(--white);padding:120px 0 80px;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.skl-hero:before{content:"";position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(255,88,99,.1) 0%,transparent 70%);pointer-events:none}.skl-hero:after{content:"";position:absolute;bottom:-60px;left:-60px;width:400px;height:400px;background:radial-gradient(circle,rgba(252,144,73,.08) 0%,transparent 70%);pointer-events:none}.skl-hero-inner{position:relative;z-index:1;text-align:center}.skl-hero-tag{display:inline-block;font-family:var(--font-mono);font-size:.78rem;color:#d92d3d;background:#ff58631a;border:1px solid rgba(255,88,99,.25);padding:6px 16px;border-radius:99px;margin:0 0 18px;letter-spacing:.5px}.skl-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.12;letter-spacing:-.01em;font-weight:900;color:var(--black);margin:0 auto 18px;max-width:900px}.skl-hero h1 span{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skl-hero-sub{font-size:1.05rem;color:var(--muted);max-width:560px;margin:0 auto 30px;line-height:1.7}.skl-hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.skl-hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.74rem;font-weight:600;color:var(--dark);background:var(--white);border:1px solid var(--border);padding:7px 14px 7px 10px;border-radius:99px;box-shadow:0 2px 8px #ff586314;opacity:0;transform:translateY(12px);animation:sklBadgeIn .55s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(.35s + var(--i, 0) * 70ms);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.skl-hero-badge svg{width:16px;height:16px;color:var(--brand, var(--red));fill:currentColor}.skl-hero-badge:hover{transform:translateY(-3px);border-color:var(--brand, var(--red));box-shadow:0 8px 18px #00000014}@keyframes sklBadgeIn{to{opacity:1;transform:translateY(0)}}.skl-nav{background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:68px;z-index:100}.skl-nav-inner{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.skl-nav-inner::-webkit-scrollbar{display:none}.skl-nav-tab{position:relative;font-family:var(--font-head);font-size:.8rem;font-weight:700;color:var(--muted);padding:14px 22px;white-space:nowrap;cursor:pointer;transition:color .2s}.skl-nav-tab:after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.skl-nav-tab:hover,.skl-nav-tab.active{color:var(--red)}.skl-nav-tab.active:after{transform:scaleX(1)}.skl-main{padding:72px 0;background:var(--gray-bg);position:relative}.skl-main:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(26,26,46,.06) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);mask-image:linear-gradient(180deg,#000,transparent 60%)}.skl-main .rs-container{position:relative}.skl-block{margin-bottom:64px;scroll-margin-top:120px}.skl-block:last-child{margin-bottom:0}.skl-block-head{display:flex;align-items:center;gap:16px;margin-bottom:32px;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.skl-block.is-in .skl-block-head{opacity:1;transform:translateY(0)}.skl-block-icon{position:relative;width:52px;height:52px;background:linear-gradient(135deg,var(--red),var(--orange));border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #ff58634d}.skl-block-icon:after{content:"";position:absolute;inset:-4px;border-radius:18px;border:2px solid rgba(255,88,99,.45);opacity:0}.skl-block.is-in .skl-block-icon:after{animation:sklRing 1.2s ease-out .2s}@keyframes sklRing{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.skl-block-icon svg{width:26px;height:26px;fill:#fff}.skl-block-title{font-size:1.3rem;font-weight:900;color:var(--black);margin-bottom:3px}.skl-block-sub{font-size:.82rem;color:var(--muted);font-family:var(--font-mono)}.skl-block-line{flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent);margin-left:8px;transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.22,.61,.36,1) .15s}.skl-block.is-in .skl-block-line{transform:scaleX(1)}.skl-block-desc{max-width:760px;margin:-8px 0 22px;font-size:.93rem;line-height:1.75;color:var(--muted, #6b7280);opacity:0;transition:opacity .6s ease .15s}.skl-block.is-in .skl-block-desc{opacity:1}.skl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skl-card{position:relative;overflow:hidden;background:var(--white);border-radius:14px;padding:18px 20px;border:1px solid var(--border);opacity:0;transform:translateY(22px);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease,border-color .25s ease;transition-delay:calc(var(--i, 0) * 70ms),calc(var(--i, 0) * 70ms),0s,0s}.skl-block.is-in .skl-card{opacity:1;transform:translateY(0)}.skl-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--brand, var(--red));transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.skl-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #1a1a2e17;border-color:#ff586340;border-color:color-mix(in srgb,var(--brand, var(--red)) 40%,transparent)}.skl-card:hover:before{transform:scaleY(1)}.skl-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.skl-card-logos{display:flex;gap:6px;flex-shrink:0}.skl-card-logo{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;color:var(--brand, var(--red));background:#ff586314;background:color-mix(in srgb,var(--brand, var(--red)) 10%,var(--white));border:1px solid color-mix(in srgb,var(--brand, var(--red)) 20%,transparent);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s ease,color .3s ease}.skl-card-logo svg{width:24px;height:24px;fill:currentColor;display:block}.skl-card-logo--dark{background:var(--dark);border-color:var(--dark)}.skl-card-logo svg:has(use[href$="#i-tech-mysql"]),.skl-card-logo svg:has(use[href$="#i-tech-woocommerce"]),.skl-tool-ico svg:has(use[href$="#i-tech-cpanel"]),.skl-tool-ico svg:has(use[href$="#i-tech-phpmyadmin"]),.skl-hero-badge svg:has(use[href$="#i-tech-mysql"]),.skl-hero-badge svg:has(use[href$="#i-tech-woocommerce"]){transform:scale(1.35)}.skl-card:hover .skl-card-logo{transform:rotate(-6deg) scale(1.08);background:var(--brand, var(--red));color:var(--white)}.skl-card:hover .skl-card-logo--dark{background:var(--dark);color:var(--brand)}.skl-card-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.skl-card-name{font-size:.95rem;font-weight:800;color:var(--dark);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skl-card-label{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand, var(--red));color:color-mix(in srgb,var(--brand, var(--red)) 72%,#1a1a2e)}.skl-card-pct{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--dark);flex-shrink:0;min-width:3.4ch;text-align:right}.skl-card-bar{position:relative;height:7px;background:#e9e9ef;border-radius:99px}.skl-card-fill{position:relative;overflow:hidden;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--orange));background:linear-gradient(90deg,var(--brand, var(--red)),color-mix(in srgb,var(--brand, var(--red)) 55%,var(--orange)));box-shadow:0 0 10px color-mix(in srgb,var(--brand, var(--red)) 40%,transparent);transition:width 1.3s cubic-bezier(.22,.61,.36,1) calc(var(--i, 0) * 70ms + .2s)}.skl-card-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-120%)}.skl-block.is-in .skl-card-fill:after{animation:sklShine 2.8s ease-in-out calc(var(--i, 0) * 70ms + 1.6s) infinite}@keyframes sklShine{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}.skl-card-knob{position:absolute;left:var(--w, 0%);top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--white);border:3px solid var(--brand, var(--red));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand, var(--red)) 18%,transparent),0 2px 6px #00000026;transform:scale(0);transition:left 1.3s cubic-bezier(.22,.61,.36,1) calc(var(--i, 0) * 70ms + .2s),transform .35s cubic-bezier(.34,1.56,.64,1) calc(var(--i, 0) * 70ms + 1.3s)}.skl-block.is-in .skl-card-knob{transform:scale(1)}.skl-tools-section{padding:72px 0;background:var(--white)}.skl-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.skl-tool-card{position:relative;overflow:hidden;background:var(--gray-bg);border-radius:14px;padding:22px 18px 18px;text-align:center;border:1px solid var(--border);opacity:0;transform:translateY(18px) scale(.97);transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1),background .3s ease,border-color .3s ease,box-shadow .3s ease;transition-delay:calc(var(--i, 0) * 60ms),calc(var(--i, 0) * 60ms),0s,0s,0s}.skl-tools-grid.is-in .skl-tool-card{opacity:1;transform:none}.skl-tool-card:hover{transform:translateY(-4px);background:var(--brand, var(--red));border-color:var(--brand, var(--red));box-shadow:0 12px 28px color-mix(in srgb,var(--brand, var(--red)) 32%,transparent)}.skl-tool-logos{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.skl-tool-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--brand, var(--red));background:var(--white);border:1px solid color-mix(in srgb,var(--brand, var(--red)) 18%,transparent);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s ease,color .3s ease}.skl-tool-ico svg{width:24px;height:24px;fill:currentColor;display:block}.skl-tool-card:hover .skl-tool-ico{transform:translateY(-3px) scale(1.06);background:#ffffff2e;border-color:#ffffff4d;color:#fff}.skl-tool-name{font-size:.84rem;font-weight:800;color:var(--dark);transition:color .25s}.skl-tool-sub{font-size:.7rem;color:var(--muted);font-family:var(--font-mono);margin-top:3px;transition:color .25s}.skl-tool-card:hover .skl-tool-name{color:#fff}.skl-tool-card:hover .skl-tool-sub{color:#fffc}.skl-stats{background:radial-gradient(ellipse 70% 50% at 100% 0%,rgba(252,144,73,.1),transparent),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(255,88,99,.08),transparent),var(--gray-lite);padding:72px 0;border-top:1px solid var(--border)}.skl-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.skl-stat-card{text-align:center;padding:28px 20px;border-radius:12px;background:var(--white);border:1px solid var(--border);box-shadow:0 2px 8px #ff586314;transition:transform .25s ease,box-shadow .25s}.skl-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #ff586324;border-color:#ff58634d}.skl-stat-num{font-size:2.8rem;font-weight:900;color:var(--red);line-height:1;margin-bottom:8px}.skl-stat-label{font-size:.8rem;color:var(--muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.skl-certs{padding:72px 0;background:var(--gray-bg)}.skl-cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}.skl-cert-card{background:var(--white);border-radius:12px;padding:28px;border:1px solid var(--border);display:flex;gap:20px;align-items:flex-start;transition:transform .25s ease,box-shadow .25s ease}.skl-cert-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.skl-cert-ico{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.skl-cert-ico svg{width:26px;height:26px}.skl-cert-card h3{font-size:1rem;font-weight:800;color:var(--black);margin-bottom:4px}.skl-cert-issuer{font-size:.8rem;font-weight:700;color:var(--red);margin-bottom:8px;font-family:var(--font-mono)}.skl-cert-desc{font-size:.84rem;color:var(--muted);line-height:1.65}@media(max-width:1024px){.skl-cards{grid-template-columns:repeat(2,1fr)}.skl-tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.skl-nav{top:60px}.skl-nav-tab{padding:12px 16px;font-size:.75rem}.skl-nav-tab:after{left:16px;right:16px}.skl-cards{grid-template-columns:1fr}.skl-tools-grid{grid-template-columns:repeat(2,1fr)}.skl-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.skl-cert-grid{grid-template-columns:1fr}.skl-cert-card{padding:20px;gap:14px}.skl-block-head{gap:12px}.skl-block-icon{width:44px;height:44px;border-radius:10px}.skl-card{padding:16px}.skl-card-logo{width:40px;height:40px}.skl-card-logo svg{width:22px;height:22px}}@media(max-width:480px){.skl-tools-grid{grid-template-columns:repeat(2,1fr);gap:10px}.skl-tool-card{padding:18px 12px 14px}.skl-stats-grid{grid-template-columns:repeat(2,1fr)}.skl-stat-num{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.skl-hero-badge{animation:none;opacity:1;transform:none}.skl-block-head,.skl-block-desc,.skl-block-line,.skl-card,.skl-tool-card{opacity:1!important;transform:none!important;transition:none!important}.skl-card-fill,.skl-card-knob{transition:none!important}.skl-card-fill:after{animation:none!important}.skl-block-icon:after{animation:none!important}}