@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap");

.pslw[data-lang="ar"]{direction:rtl;font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif}
.pslw[data-lang="en"]{direction:ltr}
.pslw[data-lang="ar"] .pslw__en,.pslw[data-lang="en"] .pslw__ar{display:none!important}
.pslw{--bg:#050505;--panel:#0c0c0c;--cell:#081014;--line:rgba(255,255,255,.085);--text:rgba(255,255,255,.74);--muted:rgba(255,255,255,.46);--gold:#c79a5b;position:relative;overflow:hidden;background:#050505;color:#fff;padding:96px 0 110px;font-family:inherit}
.pslw *{box-sizing:border-box}

/* INTRO */
.pslw__intro{width:min(980px,calc(100% - 36px));margin:auto;text-align:center}
.pslw__kicker{font-size:12px;letter-spacing:2.5px;color:var(--gold);font-weight:700;margin-bottom:16px}
.pslw__intro h2{margin:0;font-size:clamp(38px,5.5vw,72px);line-height:1.25;font-weight:800}
.pslw__intro p{max-width:800px;margin:22px auto 0;color:var(--text);font-size:clamp(16px,1.35vw,19px);line-height:2}
.pslw__add{margin-top:28px;min-height:52px;padding:0 28px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.3s}
.pslw__add:hover{background:#fff;color:#050505;transform:translateY(-2px)}

/* STATS */
.pslw__stats{display:flex;align-items:center;justify-content:center;gap:28px;margin:48px auto 27px;color:var(--muted)}
.pslw__stats>div{text-align:center}.pslw__stats strong{display:block;color:#fff;font-size:32px;line-height:1}.pslw__stats span{display:block;font-size:11px;margin-top:7px}.pslw__stats i{width:1px;height:34px;background:var(--line)}

/* WALL */
.pslw__wall-wrap{position:relative;width:min(1240px,calc(100% - 30px));margin:auto;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:visible;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.045),transparent 50%),#050708;box-shadow:0 40px 120px rgba(0,0,0,.35);isolation:isolate}
.pslw__wall{position:relative;z-index:2;display:grid;grid-template-columns:repeat(10,1fr);gap:7px;padding:34px;background:linear-gradient(120deg,rgba(2,8,11,.32),rgba(0,0,0,.18));border-radius:28px}
.pslw__wall--medium{grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;padding:26px}
.pslw__wall--dense{grid-template-columns:repeat(28,minmax(0,1fr));gap:3px;padding:22px}

.pslw__cell{position:relative;min-width:0;aspect-ratio:1.05;border:1px solid rgba(144,203,213,.12);border-radius:4px;background:linear-gradient(145deg,rgba(10,27,33,.91),rgba(3,8,11,.97));box-shadow:inset 0 1px rgba(255,255,255,.025),0 0 8px rgba(199,154,91,.03);overflow:visible;padding:0;cursor:pointer;transition:transform .35s ease,border-color .35s ease,box-shadow .45s ease}
.pslw__wall--dense .pslw__cell{border-radius:2px}
.pslw__cell:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent 49.2%,rgba(133,187,197,.075) 50%,transparent 50.8%),linear-gradient(0deg,transparent 49.2%,rgba(133,187,197,.065) 50%,transparent 50.8%)}
.pslw__cell--empty{cursor:default;opacity:.18;background:rgba(5,12,15,.55);border-color:rgba(144,203,213,.07)}
.pslw__cell:not(.pslw__cell--empty):hover{transform:translateY(-4px) scale(1.08);z-index:15;border-color:rgba(237,225,193,.62);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 16px rgba(255,240,199,.24),0 0 44px rgba(199,154,91,.20)}

/* LIGHT — every approved entry becomes an illuminated cell */
.pslw__glow{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,rgba(255,249,232,.46) 0%,rgba(239,213,158,.23) 27%,rgba(199,154,91,.10) 48%,rgba(199,154,91,.025) 64%,transparent 77%);filter:blur(2px);opacity:.62;pointer-events:none;transition:opacity .4s ease,transform .4s ease}
.pslw__cell--3 .pslw__glow{opacity:.76}.pslw__cell--4 .pslw__glow{opacity:.9}.pslw__cell--5 .pslw__glow{opacity:1}
.pslw__cell:hover .pslw__glow{opacity:1;transform:scale(1.18)}
.pslw__spark{position:absolute;left:50%;top:50%;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:#fff4d9;box-shadow:0 0 8px rgba(255,250,235,.98),0 0 18px rgba(236,207,151,.78),0 0 42px rgba(199,154,91,.46);opacity:.86;pointer-events:none}
.pslw__cell--3 .pslw__spark{opacity:.92;box-shadow:0 0 9px rgba(255,250,235,1),0 0 22px rgba(236,207,151,.86),0 0 48px rgba(199,154,91,.52)}
.pslw__cell--4 .pslw__spark{opacity:1;width:7px;height:7px;box-shadow:0 0 10px #fff8e8,0 0 25px rgba(242,216,166,.92),0 0 54px rgba(199,154,91,.62)}
.pslw__cell--5 .pslw__spark{opacity:1;width:8px;height:8px;background:#fffaf0;box-shadow:0 0 12px #fff,0 0 30px rgba(248,225,181,.98),0 0 68px rgba(199,154,91,.76)}
.pslw__cell--pulse .pslw__spark{animation:pslwPulse 5.2s ease-in-out infinite;animation-delay:var(--pulse-delay,0ms)}
@keyframes pslwPulse{0%,100%{transform:translate(-50%,-50%) scale(.82);opacity:.68}45%{transform:translate(-50%,-50%) scale(1.42);opacity:1}62%{transform:translate(-50%,-50%) scale(1.02);opacity:.85}}

.pslw__hover{position:absolute;left:50%;bottom:calc(100% + 9px);width:170px;display:flex;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(2,5,6,.96);box-shadow:0 10px 35px rgba(0,0,0,.5);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:.22s;text-align:start;z-index:30}
.pslw__cell:hover .pslw__hover{opacity:1;transform:translate(-50%,0)}
.pslw__hover b{font-size:11px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pslw__hover small{font-size:9px;color:rgba(255,255,255,.48)}
.pslw__footer-line{text-align:center;color:rgba(255,255,255,.34);font-size:11px;letter-spacing:.5px;margin-top:24px}

/* MESSAGE MODAL */
.pslw-modal,.pslw-form{position:fixed;inset:0;z-index:999999999}.pslw-modal[hidden],.pslw-form[hidden]{display:none!important}
.pslw-modal__backdrop,.pslw-form__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(10px)}
.pslw-modal__card{position:absolute;left:50%;top:50%;width:min(650px,calc(100% - 28px));transform:translate(-50%,-50%) scale(.94);opacity:0;padding:50px 50px 44px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(199,154,91,.11),transparent 35%),#0a0a0a;box-shadow:0 50px 140px rgba(0,0,0,.6);transition:.45s cubic-bezier(.2,.8,.2,1);text-align:center}
.pslw-modal.is-open .pslw-modal__card{opacity:1;transform:translate(-50%,-50%) scale(1)}
.pslw-modal__close,.pslw-form__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.03);color:#fff;font-size:23px;cursor:pointer}
.pslw[data-lang="ar"] .pslw-modal__close,.pslw[data-lang="ar"] .pslw-form__close{right:auto;left:14px}
.pslw-modal__mark{width:11px;height:11px;margin:0 auto 19px;border-radius:50%;background:#f3e3be;box-shadow:0 0 20px rgba(232,219,185,.66)}
.pslw-modal__eyebrow,.pslw-form__eyebrow{color:var(--gold);font-size:12px;letter-spacing:1.8px;font-weight:700}
.pslw-modal blockquote{margin:25px 0 31px;color:#fff;font-size:clamp(22px,2.5vw,31px);line-height:1.85;font-weight:600;min-height:40px}.pslw-modal__person strong{display:block;font-size:16px}.pslw-modal__person span{display:block;color:var(--muted);font-size:12px;margin-top:7px}
.pslw-modal__card.is-loading blockquote{opacity:.35}.pslw-modal__card.is-loading .pslw-modal__mark{animation:pslwPulse 1.2s ease-in-out infinite}

/* FORM — larger, readable typography */
.pslw-form__panel{position:absolute;left:50%;top:50%;width:min(700px,calc(100% - 28px));max-height:90vh;overflow:auto;transform:translate(-50%,-50%) translateY(20px);opacity:0;padding:44px 46px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#0a0a0a;box-shadow:0 50px 140px rgba(0,0,0,.65);transition:.45s cubic-bezier(.2,.8,.2,1)}
.pslw-form.is-open .pslw-form__panel{opacity:1;transform:translate(-50%,-50%)}
.pslw-form__panel h3{margin:9px 0;font-size:clamp(32px,4vw,40px);line-height:1.4}
.pslw-form__panel>p{margin:0 0 28px;color:var(--text);font-size:15px;line-height:1.9}
.pslw-form label{display:block;margin-bottom:18px}
.pslw-form label>span{display:block;font-size:14px;font-weight:600;color:rgba(255,255,255,.78);margin-bottom:9px;line-height:1.65}
.pslw-form input[type=text],.pslw-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#111;color:#fff;padding:14px 15px;font:inherit;font-size:15px;line-height:1.7;outline:none;transition:border-color .2s,box-shadow .2s}
.pslw-form textarea{min-height:160px;resize:vertical}
.pslw-form input:focus,.pslw-form textarea:focus{border-color:rgba(199,154,91,.58);box-shadow:0 0 0 3px rgba(199,154,91,.06)}
.pslw-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pslw-form label small{display:block;color:rgba(255,255,255,.4);font-size:11px;text-align:end;margin-top:7px}
.pslw-form__consent{display:flex!important;gap:10px;align-items:flex-start;margin-top:4px}
.pslw-form__consent input{margin-top:5px;flex:0 0 auto}
.pslw-form__consent span{margin:0!important;font-size:13px!important;font-weight:400!important;line-height:1.8;color:rgba(255,255,255,.64)!important}
.pslw-form__submit{width:100%;min-height:52px;border:0;border-radius:11px;background:#fff;color:#080808;font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:.2s}
.pslw-form__submit:hover{transform:translateY(-1px);background:#f4f1ea}.pslw-form__submit:disabled{opacity:.65;cursor:wait}
.pslw-form__notice{margin-top:13px;text-align:center;color:rgba(255,255,255,.72);font-size:13px;line-height:1.7;min-height:22px}

@media(max-width:900px){.pslw__wall--dense{grid-template-columns:repeat(22,minmax(0,1fr));gap:3px;padding:16px}.pslw__wall--medium{grid-template-columns:repeat(14,minmax(0,1fr));padding:18px}.pslw__hover{display:none}}
@media(max-width:620px){
  .pslw{padding:70px 0 80px}.pslw__intro h2{font-size:38px}.pslw__intro p{font-size:15px;line-height:1.9}.pslw__add{font-size:13px}
  .pslw__wall-wrap{width:calc(100% - 16px);border-radius:18px;overflow:hidden}.pslw__wall{grid-template-columns:repeat(4,1fr);gap:5px;padding:14px;border-radius:18px}.pslw__wall--medium{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:12px}.pslw__wall--dense{grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;padding:10px}
  .pslw__wall--dense .pslw__spark{width:4px;height:4px}.pslw__wall--dense .pslw__cell--4 .pslw__spark,.pslw__wall--dense .pslw__cell--5 .pslw__spark{width:5px;height:5px}
  .pslw__stats{margin-top:34px}.pslw-modal__card{padding:42px 22px 34px}.pslw-form__panel{padding:34px 20px}.pslw-form__grid{grid-template-columns:1fr}.pslw-form__panel>p{font-size:14px}.pslw-form label>span{font-size:13px}.pslw-form input[type=text],.pslw-form textarea{font-size:16px}.pslw-form textarea{min-height:150px}
}
@media(prefers-reduced-motion:reduce){.pslw__cell--pulse .pslw__spark{animation:none}.pslw__cell{transition:none}}