.sp-hero{background:radial-gradient(circle at 15% 20%,rgba(236,72,153,.18) 0,transparent 45%),radial-gradient(circle at 85% 80%,rgba(12,184,160,.22) 0,transparent 45%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.12) 0,transparent 60%),linear-gradient(135deg,#0e2a5e,#1a56db 60%,#0cb8a0);color:#fff;overflow:hidden;padding:64px 120px 88px;position:relative}.sp-hero:before{background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);border-radius:50%;content:"";height:420px;pointer-events:none;position:absolute;right:-100px;top:-120px;width:420px}.sp-hero-inner{margin:0 auto;max-width:920px;position:relative;text-align:center;z-index:1}.sp-hero .eyebrow{color:#fcd34d;margin-bottom:14px}.sp-hero h1{font-size:clamp(32px,4.6vw,52px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px}.sp-hero h1 em{color:#fcd34d;font-style:normal}.sp-hero p{color:hsla(0,0%,100%,.82);font-size:16px;line-height:1.7;margin:0 auto 30px;max-width:600px}.sp-search{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95);border-radius:14px;box-shadow:0 12px 40px rgba(14,42,94,.28);display:flex;gap:10px;margin:0 auto;max-width:600px;padding:6px 6px 6px 18px;position:relative}.sp-search svg{color:var(--muted);flex-shrink:0}.sp-search input{background:transparent;border:0;color:var(--text);flex:1;font-family:inherit;font-size:15px;font-weight:500;outline:none;padding:14px 0}.sp-search input::-moz-placeholder{color:var(--muted)}.sp-search input::placeholder{color:var(--muted)}.sp-search button{align-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));border:0;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:6px;padding:11px 22px;transition:all .15s}.sp-search button:hover{box-shadow:0 4px 16px rgba(26,86,219,.4);transform:translateY(-1px)}.sp-hero-stats{display:flex;flex-wrap:wrap;gap:36px;justify-content:center;margin-top:36px;position:relative;z-index:1}.sp-stat{text-align:center}.sp-stat-num{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1}.sp-stat-lbl{color:hsla(0,0%,100%,.7);font-size:11px;font-weight:700;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.sp-breadcrumb{align-items:center;background:#fff;border-bottom:1px solid var(--border);color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:8px;padding:14px 120px}.sp-breadcrumb a{color:var(--muted);text-decoration:none}.sp-breadcrumb a:hover{color:var(--blue)}.sp-breadcrumb .cur{color:var(--text);font-weight:600}.sp-pills{backdrop-filter:blur(12px);background:rgba(244,248,255,.92);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:14px 120px;position:sticky;top:90px;z-index:50}.sp-pill{align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:99px;color:var(--text);display:inline-flex;flex-shrink:0;font-size:13px;font-weight:700;gap:6px;padding:8px 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.sp-pill:hover{border-color:var(--blue);color:var(--blue)}.sp-pill .em{font-size:14px;line-height:1}.sp-pill.active{background:linear-gradient(135deg,var(--blue),var(--teal));border-color:transparent;color:#fff}.sp-body{margin:0 auto;max-width:1280px;padding:48px 120px 80px}.sp-cat{margin-bottom:48px;scroll-margin-top:170px}.sp-cat-head{align-items:center;border-radius:16px;color:#fff;display:flex;gap:14px;margin-bottom:20px;overflow:hidden;padding:14px 18px;position:relative}.sp-cat-head:before{background:radial-gradient(circle,hsla(0,0%,100%,.16) 0,transparent 70%);border-radius:50%;content:"";height:160px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:160px}.sp-cat-emoji{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);border-radius:13px;display:flex;flex-shrink:0;font-size:24px;height:46px;justify-content:center;width:46px}.sp-cat-emoji,.sp-cat-text{position:relative;z-index:1}.sp-cat-text{flex:1;min-width:0}.sp-cat-name{font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.1}.sp-cat-sub{color:hsla(0,0%,100%,.85);font-size:12.5px;font-weight:500;margin-top:3px}.sp-cat-count{background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.3);border-radius:99px;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.04em;padding:5px 11px;position:relative;text-transform:uppercase;z-index:1}.sp-cat-head.c-red{background:linear-gradient(135deg,#ef4444,#f472b6)}.sp-cat-head.c-purple{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.sp-cat-head.c-amber{background:linear-gradient(135deg,#d97706,#fbbf24)}.sp-cat-head.c-cyan{background:linear-gradient(135deg,#0891b2,#22d3ee)}.sp-cat-head.c-rose{background:linear-gradient(135deg,#e11d48,#f43f5e)}.sp-cat-head.c-pink{background:linear-gradient(135deg,#db2777,#f472b6)}.sp-cat-head.c-green{background:linear-gradient(135deg,#059669,#34d399)}.sp-cat-head.c-orange{background:linear-gradient(135deg,#ea580c,#fb923c)}.sp-cat-head.c-indigo{background:linear-gradient(135deg,#4f46e5,#818cf8)}.sp-cat-head.c-teal{background:linear-gradient(135deg,#0f766e,#2dd4bf)}.sp-cat-head.c-yellow{background:linear-gradient(135deg,#ca8a04,#facc15)}.sp-cat-head.c-blue{background:linear-gradient(135deg,#1e40af,#3b82f6)}.sp-cat-head.c-slate{background:linear-gradient(135deg,#334155,#64748b)}.sp-cat-head.c-navy{background:linear-gradient(135deg,#0e2a5e,#1a56db)}.sp-cat-head.c-emerald{background:linear-gradient(135deg,#047857,#10b981)}.sp-cat-head.c-magenta{background:linear-gradient(135deg,#a21caf,#d946ef)}.sp-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.sp-card{background:#fff;border:1px solid var(--border);border-radius:14px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:18px;position:relative;text-decoration:none;transition:all .25s ease}.sp-card:before{background:var(--accent,linear-gradient(90deg,var(--blue),var(--teal)));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.sp-card:hover{border-color:transparent;box-shadow:0 12px 36px rgba(14,42,94,.1);transform:translateY(-3px)}.sp-card:hover:before{transform:scaleX(1)}.sp-card-top{align-items:flex-start;display:flex;gap:12px}.sp-card-icon{align-items:center;background:var(--icon-bg,rgba(26,86,219,.1));border-radius:12px;color:var(--icon-color,var(--blue));display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;line-height:1;transition:transform .25s ease;width:46px}.sp-card:hover .sp-card-icon{transform:scale(1.06) rotate(-3deg)}.sp-card-title{color:var(--navy);font-size:15px;font-weight:800;letter-spacing:-.2px;line-height:1.25}.sp-card-meta{color:var(--muted);font-size:11.5px;font-weight:600;margin-top:3px}.sp-card-desc{color:var(--muted);flex:1;font-size:12.5px;line-height:1.55;margin:0}.sp-card-tags{display:flex;flex-wrap:wrap;gap:5px}.sp-card-tag{background:var(--icon-bg,rgba(26,86,219,.08));border-radius:99px;font-size:10.5px;letter-spacing:.02em;padding:3px 8px}.sp-card-foot,.sp-card-tag{color:var(--icon-color,var(--blue));font-weight:700}.sp-card-foot{align-items:center;border-top:1px dashed var(--border);display:flex;font-size:12.5px;justify-content:space-between;padding-top:10px}.sp-card-foot svg{transition:transform .2s}.sp-card:hover .sp-card-foot svg{transform:translateX(3px)}.sp-card.c-red{--icon-bg:rgba(244,63,94,.12);--icon-color:#e11d48;--accent:linear-gradient(90deg,#ef4444,#f472b6)}.sp-card.c-purple{--icon-bg:rgba(139,92,246,.12);--icon-color:#7c3aed;--accent:linear-gradient(90deg,#7c3aed,#a78bfa)}.sp-card.c-amber{--icon-bg:rgba(245,158,11,.14);--icon-color:#b45309;--accent:linear-gradient(90deg,#d97706,#fbbf24)}.sp-card.c-cyan{--icon-bg:rgba(6,182,212,.12);--icon-color:#0e7490;--accent:linear-gradient(90deg,#0891b2,#22d3ee)}.sp-card.c-rose{--icon-bg:rgba(225,29,72,.1);--icon-color:#be123c;--accent:linear-gradient(90deg,#e11d48,#f43f5e)}.sp-card.c-pink{--icon-bg:rgba(236,72,153,.12);--icon-color:#be185d;--accent:linear-gradient(90deg,#db2777,#f472b6)}.sp-card.c-green{--icon-bg:rgba(16,185,129,.12);--icon-color:#047857;--accent:linear-gradient(90deg,#059669,#34d399)}.sp-card.c-orange{--icon-bg:rgba(249,115,22,.12);--icon-color:#c2410c;--accent:linear-gradient(90deg,#ea580c,#fb923c)}.sp-card.c-indigo{--icon-bg:rgba(99,102,241,.12);--icon-color:#4338ca;--accent:linear-gradient(90deg,#4f46e5,#818cf8)}.sp-card.c-teal{--icon-bg:rgba(12,184,160,.14);--icon-color:#089882;--accent:linear-gradient(90deg,#0f766e,#2dd4bf)}.sp-card.c-yellow{--icon-bg:rgba(234,179,8,.16);--icon-color:#854d0e;--accent:linear-gradient(90deg,#ca8a04,#facc15)}.sp-card.c-blue{--icon-bg:rgba(26,86,219,.1);--icon-color:#1e40af;--accent:linear-gradient(90deg,#1e40af,#3b82f6)}.sp-card.c-slate{--icon-bg:rgba(100,116,139,.14);--icon-color:#334155;--accent:linear-gradient(90deg,#334155,#64748b)}.sp-card.c-navy{--icon-bg:rgba(14,42,94,.1);--icon-color:#0e2a5e;--accent:linear-gradient(90deg,#0e2a5e,#1a56db)}.sp-card.c-emerald{--icon-bg:rgba(5,150,105,.12);--icon-color:#065f46;--accent:linear-gradient(90deg,#047857,#10b981)}.sp-card.c-magenta{--icon-bg:rgba(217,70,239,.12);--icon-color:#a21caf;--accent:linear-gradient(90deg,#a21caf,#d946ef)}.sp-empty{background:#fff;border:1px dashed var(--border);border-radius:16px;display:none;padding:80px 20px;text-align:center}.sp-empty.show{display:block}.sp-empty-icon{align-items:center;background:linear-gradient(135deg,rgba(26,86,219,.1),rgba(12,184,160,.1));border-radius:18px;color:var(--blue);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.sp-empty h3{color:var(--navy);font-size:18px;font-weight:800;margin-bottom:6px}.sp-empty p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0 auto;max-width:380px}.sp-cat.hidden{display:none}.sp-cta{background:linear-gradient(135deg,#0e2a5e,#1a56db 60%,#0cb8a0);border-radius:20px;color:#fff;margin-top:40px;overflow:hidden;padding:36px;position:relative;text-align:center}.sp-cta:before{background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);height:240px;right:-60px;top:-80px;width:240px}.sp-cta:after,.sp-cta:before{border-radius:50%;content:"";position:absolute}.sp-cta:after{background:radial-gradient(circle,rgba(12,184,160,.2) 0,transparent 70%);bottom:-60px;height:180px;left:-40px;width:180px}.sp-cta h3{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;position:relative;z-index:1}.sp-cta p{color:hsla(0,0%,100%,.82);line-height:1.6;margin-bottom:18px;margin-left:auto;margin-right:auto;max-width:500px}.sp-cta p,.sp-cta-btn{font-size:14px;position:relative;z-index:1}.sp-cta-btn{align-items:center;background:#fff;border-radius:10px;color:var(--navy);display:inline-flex;font-weight:800;gap:7px;padding:11px 22px;text-decoration:none;transition:all .15s}.sp-cta-btn:hover{box-shadow:0 6px 22px rgba(0,0,0,.18);transform:translateY(-1px)}@media(max-width:1100px){.sp-hero{padding:56px 32px 70px}.sp-breadcrumb,.sp-pills{padding:14px 32px}.sp-body{padding:36px 32px 60px}}@media(max-width:900px){.sp-hero{padding:44px 20px 60px}.sp-hero h1{font-size:30px}.sp-hero p{font-size:14px}.sp-hero-stats{gap:24px;margin-top:28px}.sp-stat-num{font-size:22px}.sp-breadcrumb{padding:12px 20px}.sp-pills{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:12px 16px;scrollbar-width:none;top:72px}.sp-pills::-webkit-scrollbar{display:none}.sp-body{padding:28px 20px 50px}.sp-cat{margin-bottom:36px;scroll-margin-top:152px}.sp-cat-head{border-radius:14px;padding:12px 14px}.sp-cat-emoji{border-radius:11px;font-size:20px;height:40px;width:40px}.sp-cat-name{font-size:16px}.sp-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sp-card{padding:16px}.sp-search input{font-size:14px}}@media(max-width:580px){.sp-hero{padding:36px 16px 48px}.sp-hero h1{font-size:26px}.sp-search{flex-wrap:wrap;padding:6px 6px 6px 16px}.sp-search input{font-size:16px;padding:15px 0}.sp-search button{justify-content:center;padding:14px;width:100%}.sp-hero-stats{gap:18px}.sp-breadcrumb,.sp-pills{padding:10px 16px}.sp-body{padding:24px 16px 44px}.sp-grid{grid-template-columns:1fr}.sp-cta{padding:28px 20px}.sp-cta h3{font-size:18px}}