.sp-hero{padding:140px 0 60px 0;background:var(--hero-gradient);text-align:center;border-bottom:none;position:relative;z-index:10}.sp-hero::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(92,26,195,0) 0,rgba(92,26,195,.3) 50%,rgba(92,26,195,0) 100%)}body.light-mode .sp-hero::after{background:linear-gradient(90deg,rgba(69,73,117,0) 0,rgba(69,73,117,.2) 50%,rgba(69,73,117,0) 100%)}.sp-breadcrumbs{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.9rem;color:var(--text-muted);margin-bottom:25px;animation:fadeInUp .8s ease forwards}.sp-breadcrumbs a{color:var(--text-muted);transition:var(--transition-smooth)}.sp-breadcrumbs a:hover{color:var(--accent-cyan)}body.light-mode .sp-breadcrumbs a:hover{color:var(--accent-cyan-dark)}.breadcrumb-separator{color:var(--border-color-hard);font-size:.8rem}.sp-hero-title{font-size:2.8rem;font-weight:var(--fw-black);color:var(--text-white);margin-bottom:15px;animation:fadeInUp .8s ease .1s forwards;opacity:0}.sp-hero-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto 35px auto;animation:fadeInUp .8s ease .2s forwards;opacity:0}.sp-search-wrapper{position:relative;max-width:560px;margin:0 auto;animation:fadeInUp .8s ease .3s forwards;opacity:0}.sp-search-input{width:100%;height:56px;background-color:var(--bg-card);border:1px solid var(--border-color-medium);border-radius:28px;padding:0 55px 0 25px;color:var(--text-white);font-size:1.05rem;box-shadow:0 4px 20px rgba(0,0,0,.2);transition:var(--transition-smooth)}html:not([dir=rtl]) .sp-search-input{padding:0 25px 0 55px}.sp-search-input::placeholder{color:var(--text-gray);opacity:.8}.sp-search-input:focus{border-color:var(--accent-cyan);box-shadow:0 4px 25px rgba(37,212,227,.25);background-color:rgba(var(--bg-purple-rgb),.05)}.sp-search-icon{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:20px;width:22px;height:22px;color:var(--text-gray);pointer-events:none;transition:var(--transition-smooth)}.sp-search-input:focus~.sp-search-icon{color:var(--accent-cyan)}.sp-grid-section{background-color:var(--bg-dark);padding:60px 0 80px 0}.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;min-height:400px}.sp-card{opacity:0;animation:fadeInUp .5s ease forwards}.sp-card:first-child{animation-delay:20ms}.sp-card:nth-child(2){animation-delay:40ms}.sp-card:nth-child(3){animation-delay:60ms}.sp-card:nth-child(4){animation-delay:80ms}.sp-card:nth-child(5){animation-delay:.1s}.sp-card:nth-child(6){animation-delay:.12s}.sp-card:nth-child(7){animation-delay:.14s}.sp-card:nth-child(8){animation-delay:.16s}.sp-card:nth-child(9){animation-delay:.18s}.sp-grid-section .card-top-icon{width:88px;height:80px;border-radius:10px;background-color:var(--bg-purple)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;margin-bottom:25px;position:relative;box-shadow:none!important;border:none!important;transition:all .35s cubic-bezier(.25, .8, .25, 1)}.sp-grid-section .card-top-icon svg,.sp-grid-section .package-svg-icon{width:40px!important;height:40px!important;transform:none!important}.sp-grid-section .carousel-card:hover .card-top-icon svg,.sp-grid-section .carousel-card:hover .package-svg-icon{transform:none!important}.sp-grid-section .carousel-card{border:none!important;box-shadow:none!important;transform:none!important;cursor:pointer}.sp-grid-section .carousel-card:hover{transform:none!important;box-shadow:none!important;border-color:transparent!important}body.light-mode .sp-grid-section .carousel-card{border:1px solid var(--border-color-medium)!important;box-shadow:0 4px 15px rgba(25,30,58,.03)!important}body.light-mode .sp-grid-section .carousel-card:hover{border-color:rgba(37,212,227,.25)!important;box-shadow:0 12px 30px rgba(25,30,58,.06)!important}.sp-grid-section .carousel-card:hover .card-top-icon svg{transform:none!important}.sp-grid-section .carousel-card:hover .card-top-icon.icon-cyan{background-color:rgba(0,240,255,.08)!important;border-color:rgba(0,240,255,.25)!important;box-shadow:0 0 15px rgba(0,240,255,.1)!important}.sp-grid-section .carousel-card:hover .card-top-icon.icon-purple{background-color:rgba(191,90,255,.08)!important;border-color:rgba(191,90,255,.25)!important;box-shadow:0 0 15px rgba(191,90,255,.1)!important}.sp-grid-section .carousel-card:hover .card-top-icon.icon-blue{background-color:rgba(78,168,246,.08)!important;border-color:rgba(78,168,246,.25)!important;box-shadow:0 0 15px rgba(78,168,246,.1)!important}.sp-grid-section .carousel-card:hover .card-top-icon.icon-red{background-color:rgba(255,59,48,.08)!important;border-color:rgba(255,59,48,.25)!important;box-shadow:0 0 15px rgba(255,59,48,.1)!important}.sp-grid-section .carousel-card:hover .card-top-icon.icon-pink{background-color:rgba(255,45,85,.08)!important;border-color:rgba(255,45,85,.25)!important;box-shadow:0 0 15px rgba(255,45,85,.1)!important}.sp-grid-section .carousel-card:hover .card-top-icon.icon-gold{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.sp-grid-section .card-top-icon.icon-purple{background-color:rgba(191,90,255,.08);border:1px solid rgba(191,90,255,.25);color:#bf5aff;box-shadow:0 0 15px rgba(191,90,255,.1)}.sp-grid-section .carousel-card:hover .card-top-icon.icon-purple{background-color:rgba(191,90,255,.15);border-color:rgba(191,90,255,.5);box-shadow:0 0 20px rgba(191,90,255,.35)}.sp-grid-section .card-top-icon.icon-blue{background-color:rgba(78,168,246,.08);border:1px solid rgba(78,168,246,.25);color:#4ea8f6;box-shadow:0 0 15px rgba(78,168,246,.1)}.sp-grid-section .carousel-card:hover .card-top-icon.icon-blue{background-color:rgba(78,168,246,.15);border-color:rgba(78,168,246,.5);box-shadow:0 0 20px rgba(78,168,246,.35)}.sp-grid-section .card-top-icon.icon-red{background-color:rgba(255,59,48,.08);border:1px solid rgba(255,59,48,.25);color:#ff3b30;box-shadow:0 0 15px rgba(255,59,48,.1)}.sp-grid-section .carousel-card:hover .card-top-icon.icon-red{background-color:rgba(255,59,48,.15);border-color:rgba(255,59,48,.5);box-shadow:0 0 20px rgba(255,59,48,.35)}.sp-grid-section .card-top-icon.icon-pink{background-color:rgba(255,45,85,.08);border:1px solid rgba(255,45,85,.25);color:#ff2d55;box-shadow:0 0 15px rgba(255,45,85,.1)}.sp-grid-section .carousel-card:hover .card-top-icon.icon-pink{background-color:rgba(255,45,85,.15);border-color:rgba(255,45,85,.5);box-shadow:0 0 20px rgba(255,45,85,.35)}.sp-empty-state{text-align:center;padding:80px 20px;color:var(--text-muted)}.sp-empty-state svg{color:var(--text-gray);margin-bottom:20px;opacity:.5}.sp-empty-state p{font-size:1.1rem}.sp-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:50px;padding-bottom:20px}.sp-page-btn{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:var(--fw-medium);color:var(--text-muted);background:rgba(255,255,255,.03);border:1px solid var(--border-color-medium);cursor:pointer;transition:var(--transition-smooth)}.sp-page-btn:hover{background:rgba(var(--accent-cyan-rgb),.1);border-color:rgba(var(--accent-cyan-rgb),.3);color:var(--accent-cyan)}.sp-page-btn.active{background:var(--accent-cyan);color:#060818;border-color:var(--accent-cyan);font-weight:var(--fw-bold);box-shadow:0 4px 15px rgba(37,212,227,.3)}.sp-page-btn.disabled{opacity:.3;pointer-events:none;cursor:default}.sp-page-btn svg{width:18px;height:18px}html:not([dir=rtl]) .sp-page-btn svg{transform:scaleX(-1)}body.light-mode .sp-grid-section .card-top-icon{background-color:rgba(0,180,216,.12)!important;color:var(--accent-cyan-dark)!important}body.light-mode .sp-search-input{box-shadow:0 4px 15px rgba(25,30,58,.05);border-color:var(--border-color-medium)}body.light-mode .sp-search-input:focus{border-color:var(--accent-cyan-dark);box-shadow:0 4px 20px rgba(0,180,216,.2);background-color:#fff}body.light-mode .sp-page-btn{background:rgba(25,30,58,.02);border-color:rgba(25,30,58,.08)}body.light-mode .sp-page-btn:hover{background:rgba(0,180,216,.08);border-color:rgba(0,180,216,.2);color:var(--accent-cyan-dark)}body.light-mode .sp-page-btn.active{background:#191e3a;color:#fff;border-color:#191e3a;box-shadow:0 4px 15px rgba(25,30,58,.2)}@media (max-width:992px){.sp-hero{padding:120px 0 50px 0}.sp-hero-title{font-size:2.3rem}.sp-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:576px){.sp-hero-title{font-size:1.8rem}.sp-hero-subtitle{font-size:1rem}.sp-grid{grid-template-columns:1fr;gap:20px}.sp-pagination{gap:6px}.sp-page-btn{width:38px;height:38px;font-size:.9rem}}