@font-face{font-family:Roxborough CF;src:url(https://cdn.reefdevelopments.ae/prod/reef-website/document/2026-07-10/4131ac30-c92d-4426-9fe1-804f5449b3c0.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General Sans Variable;src:url(https://cdn.reefdevelopments.ae/prod/reef-website/document/2026-07-10/bb616900-4988-40c4-9109-38002a2b22f6.woff2) format("woff2");font-display:swap}:root{--reef-deep: #1e6c74;--reef-cyan: #40c2cc;--reef-mist: #e8f6f7;--reef-ink: #102428;--reef-muted: #5a7276;--reef-line: #c9dfe2;--reef-danger: #b42318;--reef-soft: #fbfcfc;--portal-page: #00181f;--teal: var(--reef-cyan);--cream: #fffffe;--navy: var(--portal-page);--muted: var(--reef-muted);--line: var(--reef-line);--error: var(--reef-danger)}*{box-sizing:border-box}html,body{margin:0}body{font-family:General Sans Variable,sans-serif;background-color:#00181f;color:var(--cream);padding:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:-40px;z-index:-1;background:var(--page-bg, url(https://cdn.reefdevelopments.ae/prod/reef-website/image/2026-08-24/body_bg_7d03fe9d-00a5-43b9-be62-cf944e4e6bd8.webp)) center / cover no-repeat;filter:blur(5px) saturate(1.05);transform:scale(1.08);pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#00181f59,#00181f99);pointer-events:none}#root{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.shell{width:100%;max-width:520px;margin:0 auto;padding:0 20px 18px;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.shell::-webkit-scrollbar{display:none;width:0;height:0}.intro{text-align:center;flex:none;margin-top:auto;margin-bottom:16px}.intro .event-name{margin:0 0 12px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#d3ebee}.intro h1{margin:0 0 6px;font-family:Roxborough CF,Georgia,serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:#fffffe}.intro p{margin:0;font-size:14px;line-height:1.55;color:#d3ebee}.hours{flex:none;margin:0 0 16px;padding:12px 14px;background:var(--reef-soft);border-radius:12px;border:1px solid var(--reef-line)}.hours ul{margin:0;padding:0;list-style:none}.hours li{position:relative;padding-left:1.1em;line-height:1.55}.hours li:before{content:"";position:absolute;left:0;top:.45em;width:5px;height:5px;border-radius:50%;background:var(--reef-ink)}.hours li+li{margin-top:5px}.hours-rules{font-size:13px;color:var(--reef-ink)}.hours-rules+.hours-rules{margin-top:5px}.hours-rules li:before{width:6px;height:6px;top:.42em}.hours-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--reef-muted)}.card{background:#fff;border:1px solid var(--reef-line);border-radius:1.25rem;box-shadow:0 12px 36px #043a422e;padding:12px 6px 12px 0;color:var(--reef-ink);margin-bottom:auto;display:flex;flex-direction:column;min-height:0;overflow:hidden}.card-body{min-height:0;overflow-y:auto;padding:10px 12px 8px 26px}@supports not selector(::-webkit-scrollbar){.card-body{scrollbar-width:thin;scrollbar-color:var(--reef-line) transparent}}.card-body::-webkit-scrollbar{width:8px}.card-body::-webkit-scrollbar-track{background:transparent;margin-block:16px}.card-body::-webkit-scrollbar-thumb{background:var(--reef-line);border-radius:999px}.card-body::-webkit-scrollbar-button{display:none;width:0;height:0}.slots-msg{grid-column:1 / -1;text-align:center;font-size:14px;color:var(--reef-muted);padding:20px 8px}.field{flex:none;margin-bottom:12px}.field label{display:block;margin-bottom:8px;font-size:12px;color:var(--reef-muted)}.field input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--reef-line);border-radius:0;color:var(--reef-ink);font-family:inherit;font-size:14px;padding:12px 6px;outline:none;transition:border-color .15s}.field input::placeholder{color:#10242859}.field input:focus{border-bottom-color:var(--reef-cyan)}.actions{flex:none;display:flex;gap:10px;margin-top:18px}.btn{flex:1;border:1px solid var(--reef-deep);border-radius:999px;font-family:Roxborough CF,Georgia,serif;font-size:13px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:12px 18px;cursor:pointer;transition:background-color .15s,border-color .15s,opacity .15s,color .15s}.btn-primary{background:var(--reef-deep);color:#fffffe}.btn-primary:hover:not(:disabled){background:#185a61;border-color:#185a61}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{flex:0 0 auto;background:#fff;color:var(--reef-ink);border:1px solid var(--reef-line);padding-inline:22px}.btn-ghost:hover:not(:disabled){border-color:var(--reef-cyan);background:var(--reef-mist);color:var(--reef-deep)}.alert{margin-top:16px;padding:12px 14px;border-radius:10px;font-size:13px;text-align:center;display:none}.alert-success{display:block;background:var(--reef-mist);color:var(--reef-deep)}.alert-error{display:block;background:#fef2f2;color:var(--reef-danger)}.loading{text-align:center;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--reef-muted);padding:24px 0}.success{text-align:center;padding:8px 8px 4px}.success h2{margin:0 0 10px;font-family:Roxborough CF,Georgia,serif;font-size:1.7rem;font-weight:400;color:var(--reef-deep)}.success p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--reef-muted)}.event-description,.pre-line{margin:0;font-size:13px;line-height:1.6;color:var(--reef-ink);white-space:pre-line}.field textarea,.field select{width:100%;background:transparent;border:none;border-bottom:1px solid var(--reef-line);border-radius:0;color:var(--reef-ink);font-family:inherit;font-size:14px;padding:12px 6px;outline:none;transition:border-color .15s;resize:vertical}.field textarea:focus,.field select:focus{border-bottom-color:var(--reef-cyan)}.field textarea::placeholder{color:#10242859}.field-check label{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;color:var(--reef-ink);cursor:pointer}.field-check input{width:18px;height:18px;accent-color:var(--reef-deep);flex:none}.field-hint{margin:6px 0 0;font-size:12px;color:var(--reef-muted)}.registration-deadline{margin:0 0 14px;font-size:12px;color:var(--reef-muted);text-align:center}.label{display:block;flex:none;margin:0 0 8px;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--reef-muted)}.date-field{position:relative;flex:none;margin-bottom:16px}.date-picker-trigger{width:100%;appearance:none;background:#fff;border:1px solid var(--reef-line);border-radius:12px;color:var(--reef-ink);font-family:inherit;font-size:15px;text-align:left;padding:11px 14px;outline:none;cursor:pointer}.date-picker-trigger:focus{border-color:var(--reef-cyan)}.date-picker-pop{position:absolute;z-index:8;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--reef-line);border-radius:14px;box-shadow:0 12px 28px #10242824;padding:12px}.date-picker-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.date-picker-nav p{margin:0;font-size:14px;font-weight:500;color:var(--reef-ink)}.date-picker-nav-btn{width:32px;height:32px;border:1px solid var(--reef-line);border-radius:8px;background:#fff;color:var(--reef-ink);font-size:18px;line-height:1;cursor:pointer}.date-picker-nav-btn:disabled{opacity:.35;cursor:default}.date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.date-picker-dow{text-align:center;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--reef-muted);padding:4px 0}.date-picker-day{height:34px;border:0;border-radius:8px;background:transparent;color:var(--reef-ink);font-family:inherit;font-size:13px;cursor:pointer}.date-picker-day:hover:not(:disabled){background:var(--reef-mist)}.date-picker-day.is-selected{background:var(--reef-deep);color:#fffffe}.date-picker-day:disabled{color:#c9b4b4;text-decoration:line-through;cursor:not-allowed;background:#f7f2f2}.date-picker-hint{margin:10px 0 0;font-size:12px;color:var(--reef-muted);text-align:center}.slots{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:8px;flex:1;min-height:96px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--reef-line) transparent}.slots::-webkit-scrollbar{width:6px}.slots::-webkit-scrollbar-thumb{background:var(--reef-line);border-radius:999px}.time-btn{background:#fff;border:1px solid var(--reef-line);border-radius:12px;color:var(--reef-ink);font-family:inherit;font-size:14px;padding:11px 10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.time-btn:hover{border-color:var(--reef-cyan);background:var(--reef-mist)}.time-btn.selected{background:var(--reef-deep);border-color:var(--reef-deep);color:#fffffe;font-weight:500}.date-picker{position:relative}.date-picker-trigger.is-empty{color:var(--reef-muted)}.field-booking .slots{flex:none;max-height:232px;margin-bottom:4px}.field-booking .label{font-size:13px;letter-spacing:0;color:var(--reef-ink)}.field-hint--top{margin:-4px 0 10px}.time-btn:disabled{color:#b9a9a9;background:#f7f2f2;border-color:var(--reef-line);text-decoration:line-through;cursor:not-allowed}.time-btn-note{margin-left:6px;font-size:11px;text-decoration:none;display:inline-block}.slots-msg--error{color:var(--error)}