.sp-categories-page{--cat-ink:#172033;--cat-muted:#667085;--cat-line:#e7eaf0;--cat-primary:#4f46e5;--cat-primary-dark:#3730a3;--cat-soft:#f5f7ff;max-width:1200px;width:calc(100% - 36px);margin:0 auto 64px;color:var(--cat-ink)}
.sp-categories-page *{box-sizing:border-box}
.sp-cat-breadcrumb{display:flex;align-items:center;gap:10px;padding:22px 0 18px;color:var(--cat-muted);font-size:.88rem}.sp-cat-breadcrumb a{color:inherit;text-decoration:none}.sp-cat-breadcrumb a:hover{color:var(--cat-primary)}
.sp-cat-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:280px;padding:clamp(28px,5vw,58px);overflow:hidden;border:1px solid #e4e7ff;border-radius:24px;background:radial-gradient(circle at 85% 20%,#dcdcff 0,transparent 32%),linear-gradient(120deg,#f7f8ff 0%,#f1f5ff 54%,#f8f7ff 100%)}
.sp-cat-hero-copy{position:relative;z-index:2;max-width:690px}.sp-cat-eyebrow{display:inline-block;color:var(--cat-primary);font-size:.74rem;font-weight:800;letter-spacing:.13em;line-height:1.4}.sp-cat-hero h1{max-width:650px;margin:12px 0 14px;font-size:clamp(2rem,4.2vw,3.45rem);line-height:1.08;letter-spacing:-.045em;color:#151b32}.sp-cat-hero-copy>p{max-width:620px;margin:0;color:#566079;font-size:1.08rem;line-height:1.8}.sp-cat-hero-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:11px 17px;border-radius:10px;background:var(--cat-primary);color:#fff;text-decoration:none;font-weight:750;box-shadow:0 7px 18px #4f46e52b;transition:transform .18s,background .18s}.sp-cat-hero-link:hover{transform:translateY(-2px);background:var(--cat-primary-dark)}
.sp-cat-hero-art{position:relative;flex:0 0 260px;width:260px;height:205px;margin-right:10px}.sp-cat-art-orbit{position:absolute;inset:10px 4px;border:1px solid #a5a9ff;border-radius:50%;transform:rotate(-27deg)}.sp-cat-art-orbit-two{inset:29px -2px;border-color:#c0c4ff;transform:rotate(35deg)}.sp-cat-art-tile{position:absolute;display:grid;place-items:center;width:74px;height:74px;border:1px solid #ffffffbd;border-radius:20px;background:#fff;color:var(--cat-primary);font-size:1.7rem;font-weight:850;box-shadow:0 15px 35px #313a781f;transform:rotate(-8deg)}.sp-cat-art-tile-one{top:30px;left:83px}.sp-cat-art-tile-two{top:103px;left:24px;width:57px;height:57px;color:#e28a32;transform:rotate(9deg)}.sp-cat-art-tile-three{top:106px;right:25px;width:61px;height:61px;color:#0f9f8f;transform:rotate(10deg)}.sp-cat-art-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#818cf8}.sp-cat-art-dot-one{top:17px;right:39px}.sp-cat-art-dot-two{bottom:8px;left:111px;background:#f0ad63}
.sp-cat-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 52px}.sp-cat-stat{display:flex;align-items:center;gap:14px;padding:19px 20px;border:1px solid var(--cat-line);border-radius:15px;background:#fff}.sp-cat-stat-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:13px;background:#f0efff;color:var(--cat-primary);font-size:1.35rem;font-weight:800}.sp-cat-stat strong,.sp-cat-stat span:not(.sp-cat-stat-icon){display:block}.sp-cat-stat strong{font-size:1.35rem;line-height:1.25;letter-spacing:-.025em}.sp-cat-stat div>span{margin-top:3px;color:var(--cat-muted);font-size:.83rem;line-height:1.4}
.sp-cat-list-section{scroll-margin-top:24px}.sp-cat-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.sp-cat-section-heading h2{margin:7px 0 6px;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.2;letter-spacing:-.03em}.sp-cat-section-heading p{margin:0;color:var(--cat-muted);line-height:1.65}.sp-cat-result-count{flex:0 0 auto;padding:7px 11px;border:1px solid var(--cat-line);border-radius:999px;color:#4b5565;background:#fff;font-size:.82rem;font-weight:700}
.sp-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sp-cat-card{min-width:0;overflow:hidden;border:1px solid var(--cat-line);border-radius:17px;background:#fff;box-shadow:0 3px 14px #10182806;transition:transform .2s,box-shadow .2s,border-color .2s}.sp-cat-card:hover{transform:translateY(-4px);border-color:#c7c9ff;box-shadow:0 14px 32px #252b5512}.sp-cat-card-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:#f0f1ff;color:var(--cat-primary);text-decoration:none}.sp-cat-card-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.sp-cat-card:hover .sp-cat-card-visual img{transform:scale(1.04)}.sp-cat-card-visual.is-placeholder{background:radial-gradient(circle at 80% 20%,#e1e4ff 0,transparent 34%),linear-gradient(130deg,#f1f2ff,#e8f3ff 58%,#f7f2ff)}.sp-cat-placeholder-mark{display:grid;place-items:center;width:67px;height:67px;border:1px solid #ffffffbd;border-radius:20px;background:#ffffffd9;color:var(--cat-primary);font-size:1.9rem;font-weight:850;box-shadow:0 8px 24px #3730a31c}.sp-cat-placeholder-label{position:absolute;bottom:15px;left:17px;color:#5b6380;font-size:.76rem;font-weight:700;letter-spacing:.02em}.sp-cat-image-count{position:absolute;right:12px;bottom:12px;padding:6px 9px;border:1px solid #ffffffa8;border-radius:999px;background:#ffffffed;color:#27304a;font-size:.73rem;font-weight:750;backdrop-filter:blur(8px)}.sp-cat-card-body{padding:19px 19px 15px}.sp-cat-card-body h3{margin:0 0 8px;font-size:1.17rem;line-height:1.35;letter-spacing:-.015em}.sp-cat-card-body h3 a{color:var(--cat-ink);text-decoration:none}.sp-cat-card-body h3 a:hover{color:var(--cat-primary)}.sp-cat-card-body>p{min-height:3.2em;margin:0;color:var(--cat-muted);font-size:.91rem;line-height:1.65}.sp-cat-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:13px;border-top:1px solid #eef0f4;color:#697386;font-size:.8rem;font-weight:650}.sp-cat-open{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border:1px solid #e1e2ff;border-radius:11px;background:#f5f5ff;color:var(--cat-primary);transition:background .18s,color .18s,transform .18s}.sp-cat-open:hover{background:var(--cat-primary);color:#fff;transform:translate(2px,-2px)}.sp-cat-open svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-cat-empty{padding:38px 20px;border:1px dashed #cfd4e2;border-radius:16px;text-align:center;background:#fafbff}.sp-cat-empty h2{margin:0 0 8px}.sp-cat-empty p{margin:0;color:var(--cat-muted)}
.sp-cat-description{margin-top:58px;padding:clamp(24px,4vw,42px);border:1px solid var(--cat-line);border-radius:19px;background:linear-gradient(180deg,#fff,#fbfcff)}.sp-cat-description h2{margin:9px 0 18px;font-size:clamp(1.55rem,2.7vw,2.1rem);letter-spacing:-.03em}.sp-cat-description h3{margin:27px 0 8px;font-size:1.13rem;line-height:1.4}.sp-cat-description p{max-width:950px;margin:0 0 14px;color:#4d586c;font-size:1rem;line-height:1.9}.sp-cat-description p:last-child{margin-bottom:0}
.sp-cat-faq{margin-top:56px}.sp-cat-faq-list{border-top:1px solid var(--cat-line)}.sp-cat-faq-item{border-bottom:1px solid var(--cat-line)}.sp-cat-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4px;list-style:none;cursor:pointer;font-size:1rem;font-weight:750;line-height:1.5}.sp-cat-faq-item summary::-webkit-details-marker{display:none}.sp-cat-faq-plus{position:relative;flex:0 0 30px;width:30px;height:30px;border:1px solid #e1e3f8;border-radius:50%;background:#f7f7ff}.sp-cat-faq-plus:before,.sp-cat-faq-plus:after{position:absolute;top:50%;left:50%;width:11px;height:2px;background:var(--cat-primary);content:"";transform:translate(-50%,-50%)}.sp-cat-faq-plus:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .18s}.sp-cat-faq-item[open] .sp-cat-faq-plus:after{transform:translate(-50%,-50%) rotate(0)}.sp-cat-faq-answer{padding:0 48px 18px 4px}.sp-cat-faq-answer p{max-width:900px;margin:0;color:var(--cat-muted);font-size:.95rem;line-height:1.8}
@media(max-width:900px){.sp-cat-hero-art{flex-basis:210px;width:210px;transform:scale(.9);transform-origin:center right;margin-left:-25px;margin-right:-15px}.sp-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.sp-cat-card-body{padding:16px}.sp-cat-stats{margin-bottom:42px}}
@media(max-width:650px){.sp-categories-page{width:calc(100% - 28px);margin-bottom:42px}.sp-cat-breadcrumb{padding:16px 0}.sp-cat-hero{min-height:0;padding:27px 22px;border-radius:18px}.sp-cat-hero-art{display:none}.sp-cat-hero h1{font-size:2.15rem}.sp-cat-hero-copy>p{font-size:.98rem;line-height:1.7}.sp-cat-hero-link{margin-top:19px}.sp-cat-stats{grid-template-columns:1fr;gap:10px;margin:15px 0 38px}.sp-cat-stat{padding:14px 16px}.sp-cat-stat-icon{width:40px;height:40px;flex-basis:40px}.sp-cat-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.sp-cat-result-count{align-self:flex-start}.sp-cat-grid{grid-template-columns:1fr;gap:15px}.sp-cat-card-visual{aspect-ratio:16/8.5}.sp-cat-card-body>p{min-height:0}.sp-cat-description{margin-top:40px;padding:23px 19px;border-radius:16px}.sp-cat-description p{font-size:.96rem;line-height:1.8}.sp-cat-description h3{margin-top:23px}.sp-cat-faq{margin-top:40px}.sp-cat-faq-item summary{padding:17px 1px;font-size:.96rem}.sp-cat-faq-answer{padding:0 6px 17px 1px}}
@media(prefers-reduced-motion:reduce){.sp-cat-card,.sp-cat-card-visual img,.sp-cat-open,.sp-cat-hero-link,.sp-cat-faq-plus:after{transition:none}}