.sspp-root,.sspp-root *{box-sizing:border-box}.sspp-root{position:relative;overflow:hidden;width:100%;direction:rtl;background:radial-gradient(circle at 12% 10%,rgb(20 213 223 / .12),transparent 28%),radial-gradient(circle at 90% 20%,rgb(0 117 255 / .10),transparent 30%),radial-gradient(circle at 50% 120%,rgb(105 66 255 / .12),transparent 36%),linear-gradient(180deg,#020912 0%,#03111b 42%,#041722 100%);color:#fff;font-family:"Cairo",Arial,sans-serif;padding:84px 0 70px}.sspp-root::before,.sspp-root::after{content:"";position:absolute;inset:0;pointer-events:none}.sspp-root::before{background-image:radial-gradient(circle,rgb(31 222 229 / .30) 1px,transparent 1.6px),radial-gradient(circle,rgb(255 255 255 / .20) 1px,transparent 1.5px);background-size:62px 62px,114px 114px;opacity:.22;animation:ssppStars 24s linear infinite}.sspp-root::after{background:radial-gradient(circle at 20% 25%,rgb(36 221 229 / .06),transparent 30%),radial-gradient(circle at 80% 70%,rgb(96 83 255 / .08),transparent 28%);mix-blend-mode:screen;animation:ssppNebula 11s ease-in-out infinite alternate}.sspp-container{position:relative;z-index:2;width:min(1480px,calc(100% - 44px));margin:auto}.sspp-orb{position:absolute;border:1px solid rgb(30 220 227 / .13);border-radius:50%;pointer-events:none;animation:ssppFloat 10s ease-in-out infinite}.sspp-orb-a{width:520px;height:520px;top:-250px;right:-170px}.sspp-orb-b{width:420px;height:420px;bottom:-180px;left:-120px;animation-delay:-4s}.sspp-hero{text-align:center;max-width:980px;margin:0 auto 44px}.sspp-kicker{display:inline-flex;align-items:center;gap:11px;color:#20d9e1;font-weight:800;font-size:14px;margin-bottom:14px}.sspp-kicker i{width:40px;height:1px;background:linear-gradient(90deg,transparent,#20d9e1)}.sspp-kicker i:last-child{transform:scaleX(-1)}.sspp-hero h1{font-family:"Alexandria",sans-serif;font-size:clamp(42px,5.2vw,82px);line-height:1.1;margin:0 0 18px;letter-spacing:-2px;color:#fff;text-shadow:0 0 32px rgb(27 219 226 / .12)}.sspp-hero p{margin:0 auto;color:#b6cbd3;font-size:clamp(16px,1.45vw,21px);line-height:2;max-width:880px}.sspp-stats{margin:28px auto 0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.sspp-stats span{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgb(43 205 214 / .22);background:rgb(4 27 38 / .72);border-radius:999px;color:#a9c4cd;font-size:13px}.sspp-stats b{color:#24dce4;font-size:18px}.sspp-filter-box{border:1px solid rgb(39 218 226 / .18);background:rgb(4 19 28 / .80);border-radius:24px;padding:18px 20px;margin-bottom:24px;box-shadow:0 24px 80px rgb(0 0 0 / .22)}.sspp-type-tabs{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.sspp-type-tabs button{appearance:none;border:1px solid rgb(71 214 221 / .24);background:#071925;color:#c3d7de;border-radius:999px;padding:10px 17px;font-family:inherit;font-weight:700;cursor:pointer;transition:.25s}.sspp-type-tabs button:hover,.sspp-type-tabs button.is-active{background:linear-gradient(135deg,#11c7d1,#20e2d8);color:#001117;border-color:#fff0;box-shadow:0 0 28px rgb(22 218 224 / .24)}.sspp-filter-row{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(140px,1fr));gap:10px}.sspp-filter-row label{display:flex;flex-direction:column;gap:7px;color:#8fb0ba;font-size:12px;font-weight:700}.sspp-filter-row input,.sspp-filter-row select{width:100%;height:46px;border:1px solid rgb(74 207 214 / .18);border-radius:13px;background:#061722;color:#fff;padding:0 13px;font-family:inherit;outline:none}.sspp-filter-row input:focus,.sspp-filter-row select:focus{border-color:#1cdbe2;box-shadow:0 0 0 3px rgb(28 219 226 / .08)}.sspp-result-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 4px 26px;color:#91aeb8}.sspp-result-bar div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sspp-result-bar strong{color:#fff;font-size:20px}.sspp-live{display:inline-flex;align-items:center;gap:8px;font-size:13px}.sspp-live i{width:8px;height:8px;border-radius:50%;background:#20dbe2;box-shadow:0 0 14px #20dbe2}.sspp-grid{display:grid;grid-template-columns:1fr;gap:24px}.sspp-card{position:relative;display:grid;grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);min-height:440px;border:1px solid rgb(32 218 226 / .25);background:linear-gradient(135deg,rgb(6 25 35 / .98),rgb(3 15 23 / .98));border-radius:28px;overflow:hidden;box-shadow:0 24px 65px rgb(0 0 0 / .28);transition:.28s}.sspp-card:hover{transform:translateY(-4px);border-color:rgb(38 226 233 / .58);box-shadow:0 30px 85px rgb(0 0 0 / .38),0 0 35px rgb(17 205 214 / .08)}.sspp-card-visual{position:relative;min-height:440px;padding:26px 20px 26px 24px;display:grid;grid-template-columns:minmax(0,1fr) 118px;align-items:end;gap:18px;background:linear-gradient(180deg,rgb(12 46 58 / .26),rgb(2 11 17 / .80));overflow:hidden}.sspp-card-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgb(15 211 220 / .13),transparent 52%),radial-gradient(circle at 72% 28%,rgb(96 83 255 / .16),transparent 26%);opacity:.95;animation:ssppNebula 10s ease-in-out infinite alternate}.sspp-card-visual::after{content:"";position:absolute;inset:auto 8% 2%;height:38%;background:radial-gradient(ellipse at center,rgb(15 211 220 / .14),transparent 68%);filter:blur(12px)}.sspp-main-mockup{position:relative;z-index:3;width:100%;max-width:360px;justify-self:center;aspect-ratio:4/5;border:1px solid rgb(84 223 229 / .42);border-radius:28px;padding:0;background:#07131a;overflow:hidden;box-shadow:0 28px 60px rgb(0 0 0 / .56);cursor:pointer;transform:perspective(900px) rotateY(-9deg) rotateZ(-2deg);animation:ssppMockFloat 8s ease-in-out infinite}.sspp-main-mockup img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.sspp-main-mockup:hover img{transform:scale(1.04)}.sspp-browser-bar{position:absolute;z-index:4;top:0;left:0;right:0;height:25px;background:#0a2733;border-bottom:1px solid rgb(255 255 255 / .08);display:flex;align-items:center;gap:5px;padding:0 10px}.sspp-browser-bar i{width:6px;height:6px;border-radius:50%;background:#20dce4}.sspp-browser-bar i:nth-child(2){opacity:.58}.sspp-browser-bar i:nth-child(3){opacity:.3}.sspp-post-bar{position:absolute;z-index:4;top:10px;right:10px;left:10px;height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;border-radius:11px;background:rgb(2 11 16 / .76);backdrop-filter:blur(8px)}.sspp-post-bar i{width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#1be0e5,#0b7180)}.sspp-post-bar b{height:6px;width:72px;border-radius:999px;background:rgb(255 255 255 / .42)}.sspp-post-bar em{margin-right:auto;height:5px;width:22px;border-radius:999px;background:rgb(255 255 255 / .18)}.sspp-type-label{position:absolute;z-index:5;right:12px;bottom:12px;border:1px solid rgb(49 231 237 / .34);background:rgb(3 20 27 / .84);color:#26e1e7;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.sspp-preview-stack{position:relative;z-index:5;width:100%;height:100%;min-height:280px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding-top:46px}.sspp-mini{position:relative;border:1px solid rgb(40 225 232 / .48);background:#06141b;border-radius:22px;padding:0;overflow:hidden;box-shadow:0 18px 42px rgb(0 0 0 / .54);cursor:pointer;flex:1;min-height:120px;animation:ssppMockFloat 7s ease-in-out infinite}.sspp-mini img{width:100%;height:100%;object-fit:cover;display:block}.sspp-mini-one{transform:rotate(7deg);animation-delay:-1.5s}.sspp-mini-two{transform:rotate(-6deg);animation-delay:-3.5s}.sspp-mini span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 12 18 / .70);color:#fff;font-weight:900;font-size:27px}.sspp-mini-count{display:flex;align-items:center;justify-content:center}.sspp-reel-badge{position:absolute;z-index:6;top:18px;left:18px;padding:8px 12px;border-radius:999px;background:#071a23;border:1px solid rgb(36 225 231 / .33);color:#fff;font-size:11px;font-weight:800}.sspp-watermark{position:absolute;z-index:6;bottom:8px;right:20px;color:rgb(255 255 255 / .38);font-size:9px;letter-spacing:2px}.sspp-play-only{font-size:66px;color:#1cdce3;display:flex;align-items:center;justify-content:center;height:100%}.sspp-card-content{padding:34px 32px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3;text-align:right}.sspp-client-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.sspp-client-logo{width:54px;height:54px;flex:0 0 54px;border-radius:16px;border:1px solid rgb(41 220 228 / .28);background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#05202a}.sspp-client-logo img{width:100%;height:100%;object-fit:contain}.sspp-client-logo b{font-size:22px}.sspp-client-head small{display:block;color:#19d9df;font-size:11px;font-weight:800;margin-bottom:3px}.sspp-client-head strong{display:block;color:#fff;font-size:15px;line-height:1.4}.sspp-card h2{font-family:"Alexandria",sans-serif;font-size:clamp(24px,2.1vw,36px);line-height:1.45;margin:0 0 13px;color:#fff}.sspp-card-content>p{color:#a8c1c9;line-height:1.9;font-size:14px;margin:0 0 18px}.sspp-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.sspp-tags span{border:1px solid rgb(76 204 211 / .18);background:#071b26;color:#b9d3da;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}.sspp-tags span.is-industry{color:#17dce3;border-color:rgb(28 219 226 / .32)}.sspp-card-footer{margin-top:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sspp-view-button{appearance:none;border:0;background:linear-gradient(135deg,#16cad4,#1fe0d8);color:#00161b;border-radius:13px;padding:12px 17px;font-family:inherit;font-weight:900;cursor:pointer}.sspp-card-footer a{color:#d4e8ec;text-decoration:none;border:1px solid rgb(78 210 217 / .2);border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700}.sspp-file-count{color:#8fabb4;font-size:12px;padding:0 5px}.sspp-empty{text-align:center;padding:40px;color:#abc0c7}.sspp-pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}.sspp-pagination button{width:42px;height:42px;border-radius:50%;border:1px solid rgb(44 214 222 / .24);background:#071822;color:#c8dce1;font-family:inherit;font-weight:800;cursor:pointer}.sspp-pagination button.is-active,.sspp-pagination button:hover{background:#18d4dc;color:#001217;border-color:#18d4dc;box-shadow:0 0 22px rgb(24 212 220 / .22)}.sspp-modal{position:fixed;inset:0;z-index:999999;background:rgb(0 6 10 / .92);display:none;align-items:center;justify-content:center;padding:24px}.sspp-modal.is-open{display:flex}.sspp-modal-box{position:relative;width:min(1420px,96vw);max-height:92vh;border:1px solid rgb(39 224 231 / .35);border-radius:24px;background:#020b10;overflow:hidden;box-shadow:0 30px 100px rgb(0 0 0 / .72)}.sspp-modal-close{position:absolute;z-index:5;top:14px;left:14px;width:46px;height:46px;border-radius:14px;border:1px solid rgb(255 255 255 / .18);background:rgb(0 0 0 / .62);color:#fff;font-size:28px;cursor:pointer}.sspp-modal-stage{min-height:60vh;max-height:76vh;background:#000;display:flex;align-items:center;justify-content:center;position:relative}.sspp-modal-stage img,.sspp-modal-stage video{max-width:100%;max-height:76vh;object-fit:contain}.sspp-modal-stage iframe{border:0;max-height:72vh;background:#000}.sspp-modal-stage iframe.is-vertical{width:min(405px,90vw);aspect-ratio:9/16}.sspp-modal-stage iframe.is-horizontal{width:min(1180px,92vw);aspect-ratio:16/9}.sspp-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:#061924;border-top:1px solid rgb(48 212 220 / .18)}.sspp-modal-footer h3{margin:0 0 5px;font-family:"Alexandria",sans-serif;font-size:20px}.sspp-modal-footer p{margin:0;color:#9eb6be;font-size:13px}.sspp-modal-nav{display:flex;align-items:center;gap:10px}.sspp-modal-nav button{border:1px solid rgb(51 211 218 / .24);background:#092431;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer}.sspp-modal-nav span{color:#19dbe2;font-weight:800}html.sspp-modal-open{overflow:hidden}@keyframes ssppStars{0%{transform:translateY(0)}100%{transform:translateY(-36px)}}@keyframes ssppNebula{0%{transform:scale(1) translate3d(0,0,0);opacity:.72}100%{transform:scale(1.08) translate3d(-1.5%,1.5%,0);opacity:1}}@keyframes ssppFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(16px)}}@keyframes ssppMockFloat{0%,100%{transform:perspective(900px) rotateY(-9deg) rotateZ(-2deg) translateY(0)}50%{transform:perspective(900px) rotateY(-7deg) rotateZ(-1deg) translateY(-12px)}}@media(max-width:1180px){.sspp-filter-row{grid-template-columns:repeat(3,1fr)}.sspp-search{grid-column:span 2}.sspp-card{grid-template-columns:1fr}.sspp-card-visual{grid-template-columns:minmax(0,1fr) 100px;min-height:400px}.sspp-main-mockup{max-width:320px}}@media(max-width:760px){.sspp-root{padding:58px 0}.sspp-container{width:min(100% - 22px,680px)}.sspp-hero h1{font-size:42px}.sspp-filter-row{grid-template-columns:1fr 1fr}.sspp-search{grid-column:1/-1}.sspp-result-bar{align-items:flex-start;flex-direction:column}.sspp-card{grid-template-columns:1fr}.sspp-card-visual{grid-template-columns:minmax(0,1fr) 84px;min-height:360px;padding:22px 16px}.sspp-card-content{padding:24px 20px}.sspp-main-mockup{max-width:280px}.sspp-preview-stack{min-height:230px;gap:10px}.sspp-modal-footer{align-items:flex-start;flex-direction:column}.sspp-modal-nav{width:100%;justify-content:space-between}}@media(max-width:520px){.sspp-filter-row{grid-template-columns:1fr}.sspp-card-visual{grid-template-columns:1fr;justify-items:center;gap:14px;min-height:unset}.sspp-main-mockup{max-width:260px;width:100%}.sspp-preview-stack{width:min(100%,260px);min-height:unset;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:0}.sspp-mini{min-height:110px}.sspp-card h2{font-size:23px}.sspp-stats span{font-size:11px}.sspp-modal{padding:8px}.sspp-modal-box{width:100%;max-height:96vh}.sspp-modal-stage{min-height:54vh}.sspp-modal-footer p{display:none}}