.workshop-reminder{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) minmax(300px,440px);align-items:center;gap:26px;max-width:1240px;margin:24px auto 0;padding:30px 36px;overflow:hidden;border:1px solid #87b7d747;border-radius:26px;background:linear-gradient(120deg,#173b58dc,#0d253c 72%);box-shadow:0 14px 36px #03132424;color:#edf8ff}
.workshop-reminder:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 50%,#61bee62b,transparent 24%),linear-gradient(90deg,transparent 88%,#5a9acc0d)}
.workshop-reminder>*{position:relative}.reminder-mark{width:78px;height:78px;justify-self:center;filter:drop-shadow(0 8px 15px #62bde338)}
.reminder-mark span{position:absolute;background:linear-gradient(140deg,#d4f5ff,#62b6dd 75%);clip-path:polygon(10% 10%,90% 0,100% 90%,20% 100%);width:25px;height:29px;transition:transform .5s ease}
.reminder-mark span:nth-child(1){left:26px;top:1px;transform:rotate(-22deg)}.reminder-mark span:nth-child(2){left:49px;top:22px;transform:rotate(70deg)}.reminder-mark span:nth-child(3){left:40px;top:48px;transform:rotate(148deg)}.reminder-mark span:nth-child(4){left:10px;top:48px;transform:rotate(220deg)}.reminder-mark span:nth-child(5){left:1px;top:18px;transform:rotate(300deg)}
.workshop-reminder:hover .reminder-mark span:nth-child(1){transform:translateY(-5px) rotate(-22deg)}.workshop-reminder:hover .reminder-mark span:nth-child(2){transform:translateX(5px) rotate(70deg)}.workshop-reminder:hover .reminder-mark span:nth-child(3){transform:translateY(5px) rotate(148deg)}.workshop-reminder:hover .reminder-mark span:nth-child(4){transform:translateX(-5px) rotate(220deg)}
.reminder-copy{min-width:0}.reminder-kicker{font:600 11px/1.4 DM,sans-serif;letter-spacing:.18em;color:#9fd4ec;margin:0 0 5px}.workshop-reminder h3{font:500 clamp(29px,2.8vw,39px)/1.2 Cormorant,Georgia,serif;letter-spacing:-.01em;margin:0 0 6px;color:#fff}.reminder-copy>p:last-child{max-width:450px;font:400 15px/1.6 DM,sans-serif;color:#c7dbe9;margin:0}
.reminder-form label{display:block;margin:0 0 7px;color:#e4f2fc;font:600 13px/1.3 DM,sans-serif}.reminder-field{display:flex;align-items:stretch;padding:4px;border:1px solid #a7d9f080;border-radius:16px;background:#f7fbff;box-shadow:0 8px 24px #07192a24}.reminder-field input{flex:1;min-width:0;border:0;outline:0;border-radius:12px;background:transparent;padding:12px 13px;color:#183959;font:500 15px/1.3 DM,sans-serif;text-align:left}.reminder-field input::placeholder{color:#718ba2}.reminder-field:focus-within{outline:3px solid #8dd4f099;outline-offset:3px}.reminder-field button{flex:0 0 auto;border:0;border-radius:12px;padding:12px 17px;background:#2d67a2;color:#fff;font:600 14px/1.3 DM,sans-serif;cursor:pointer;transition:background .2s,transform .2s}.reminder-field button:hover:not(:disabled){background:#1d517f;transform:translateY(-1px)}.reminder-field button:disabled{opacity:.6;cursor:wait}.reminder-privacy{font:400 11px/1.5 DM,sans-serif;color:#aac5d7;margin:8px 0 0}.reminder-privacy a{color:#d8f1ff;text-decoration:underline;text-underline-offset:3px}.reminder-feedback{min-height:1.2em;margin:7px 0 0;color:#cef0de;font:500 12px/1.5 DM,sans-serif}.reminder-feedback[data-error]{color:#ffd8d2}.reminder-trap{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
html[lang=ar] .reminder-kicker{font:500 14px/1.5 ThmanyahSans,sans-serif;letter-spacing:0}html[lang=ar] .workshop-reminder h3{font:500 clamp(28px,2.8vw,39px)/1.5 ThmanyahDisplay,serif;letter-spacing:0}html[lang=ar] .reminder-copy>p:last-child{font:500 17px/1.65 ThmanyahText,serif}html[lang=ar] .reminder-form label,html[lang=ar] .reminder-field button{font:500 15px/1.5 ThmanyahSans,sans-serif}html[lang=ar] .reminder-privacy,html[lang=ar] .reminder-feedback{font:500 13px/1.5 ThmanyahSans,sans-serif}
html[data-theme=light] .workshop-reminder{background:linear-gradient(115deg,#d5e4f4,#f8fbff 65%);border-color:#ffffffd9;box-shadow:0 18px 50px #32577f1c;color:#18395f}html[data-theme=light] .workshop-reminder:before{background:radial-gradient(circle at 8% 50%,#5e91c135,transparent 25%)}html[data-theme=light] .reminder-mark{filter:drop-shadow(0 7px 10px #4d79a03b)}html[data-theme=light] .reminder-mark span{background:linear-gradient(140deg,#597fad,#325c8e)}html[data-theme=light] .reminder-kicker{color:#315f92}html[data-theme=light] .workshop-reminder h3{color:#173657}html[data-theme=light] .reminder-copy>p:last-child{color:#405b75}html[data-theme=light] .reminder-form label{color:#244b71}html[data-theme=light] .reminder-field{border-color:#a8bfd6;background:#fff}html[data-theme=light] .reminder-privacy{color:#4e6680}html[data-theme=light] .reminder-privacy a{color:#265d93}html[data-theme=light] .reminder-feedback{color:#176548}html[data-theme=light] .reminder-feedback[data-error]{color:#a52b3b}
@media(max-width:1000px){.workshop-reminder{grid-template-columns:68px minmax(0,1fr);gap:13px 22px}.reminder-mark{width:68px;height:78px;grid-row:1/3}.reminder-form{grid-column:2}}
@media(max-width:650px){.workshop-reminder{grid-template-columns:54px minmax(0,1fr);gap:15px;margin-top:17px;padding:21px;border-radius:22px}.reminder-mark{transform:scale(.68);transform-origin:top left;grid-row:1;align-self:start;width:54px;height:55px}.reminder-form{grid-column:1/-1}.reminder-copy>p:last-child{font-size:14px}html[lang=ar] .reminder-copy>p:last-child{font-size:16px}.reminder-field input{font-size:16px;padding-inline:10px}.reminder-field button{padding-inline:14px}}
@media(max-width:370px){.reminder-field{flex-direction:column}.reminder-field button{min-height:42px}.workshop-reminder{padding:17px}}
@media(prefers-reduced-motion:reduce){.reminder-mark span,.reminder-field button{transition:none}.workshop-reminder:hover .reminder-mark span:nth-child(1){transform:rotate(-22deg)}.workshop-reminder:hover .reminder-mark span:nth-child(2){transform:rotate(70deg)}.workshop-reminder:hover .reminder-mark span:nth-child(3){transform:rotate(148deg)}.workshop-reminder:hover .reminder-mark span:nth-child(4){transform:rotate(220deg)}}