@font-face{font-family:General Sans;src:url(https://cdn.reefdevelopments.ae/fonts/general-sans/GeneralSans-Variable.ttf) format("truetype");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Roxborough;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}:root{--reef-deep:#1e6c74;--reef-teal:#1e6c74;--reef-cyan:#40c2cc;--reef-mist:#e8f6f7;--reef-sand:#f4f8f8;--reef-ink:#102428;--reef-muted:#5a7276;--reef-line:#c9dfe2;--reef-danger:#b42318;--reef-success:#067647;--reef-soft:#fbfcfc;--muted:var(--reef-muted);--danger:var(--reef-danger);--font-body:"General Sans", Arial, Helvetica, sans-serif;--font-display:"Roxborough", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--reef-ink);background-color:#00181f;position:relative;isolation:isolate;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}body:before{content:"";position:fixed;top:-12px;right:-12px;bottom:-12px;left:-12px;z-index:-1;background:url(./body-bg-C7iNzC_2.webp) center/cover no-repeat;filter:blur(6px);transform:scale(1.04);pointer-events:none}:focus-visible{outline:2px solid var(--reef-cyan);outline-offset:3px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px}.brand{font-weight:700;letter-spacing:2px;font-size:22px;color:#fffffe}.brand-logo{height:40px;width:auto;display:inline-block;vertical-align:middle;margin:4px 8px 0}.lang{font-size:14px;color:#d3ebee}.layout{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:860px;min-height:calc(100vh - 88px);margin:0 auto;padding:40px 24px 72px}.intro{text-align:center;margin:0 auto 36px;max-width:44rem}.intro-title{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(2.6rem,5vw,4.25rem);line-height:1.08;font-weight:400;letter-spacing:.01em;color:#fffffe}.intro-text{margin:0 auto;font-size:1.2rem;line-height:1.7;color:#d3ebee;max-width:38rem}.right{width:100%}.right .form{color:#fffffe;background:#00181f9e;border:1px solid rgba(64,194,204,.22);border-radius:1.5rem;padding:44px 48px 40px;box-shadow:0 24px 60px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.step-panel{animation:card-enter .35s ease-out both}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.step-panel{animation:none}}.steps{display:flex;justify-content:center;gap:28px;font-size:13px;color:#d3ebee99;margin-bottom:36px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12);flex-wrap:wrap;letter-spacing:.14em;text-transform:uppercase}.step-item.active{color:var(--reef-cyan);font-weight:600}.step-item.done{color:#d3ebee}.section-title{margin:0 0 14px;font-family:var(--font-display);font-size:38px;font-weight:400;letter-spacing:.01em;color:var(--reef-cyan)}.hint{font-size:16px;color:#d3ebee;margin:0;line-height:1.6}.facts{display:flex;justify-content:center;gap:56px;margin:12px 0 8px;color:#d3ebee;font-size:15px;text-align:center}.facts b{display:block;font-family:var(--font-display);font-size:56px;font-weight:400;color:#fffffe;line-height:1.1}.intro-step{text-align:center}.intro-step .actions{justify-content:center}.intro-step .btn{max-width:360px}.form label{display:block;font-size:14px;color:#d3ebee;margin:22px 0 8px}.form input,.form select{width:100%;border:none;border-bottom:1px solid rgba(201,223,226,.4);border-radius:0;padding:14px 6px;font-size:18px;font-family:inherit;outline:none;background:transparent;color:#fffffe;color-scheme:dark;transition:border-color .15s}.form input::placeholder{color:#d3ebee80}.form select option{color:var(--reef-ink);background:#fff}.form input:focus,.form select:focus{border-bottom-color:var(--reef-cyan)}.form input[aria-invalid=true],.form select[aria-invalid=true]{border-bottom-color:#f2b8b5}.field-error{min-height:18px;margin-top:6px;font-size:13px;color:#f2b8b5}.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}.track{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:12px}.track i{height:5px;border-radius:3px;background:#ffffff26}.track i.done{background:var(--reef-cyan)}.track i.now{background:#fffffe}.count{margin-bottom:18px;font-size:15px}.question{margin:0 0 28px;font-family:var(--font-display);font-size:34px;font-weight:400;line-height:1.25;color:#fffffe}.choice-list{display:flex;flex-direction:column;gap:14px}.form .choice{position:relative;border:1px solid rgba(64,194,204,.35);border-radius:1rem;padding:20px 22px;margin:0;display:flex;gap:16px;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;font-size:18px;color:#fffffe;transition:border-color .15s,background-color .15s,box-shadow .15s}.form .choice:hover{border-color:var(--reef-cyan);background:#40c2cc1a}.form .choice input[type=radio]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;z-index:1}.choice:before{content:"";flex:0 0 22px;width:22px;height:22px;margin-top:2px;border:2px solid rgba(211,235,238,.6);border-radius:50%}.choice:has(input:checked){border-color:var(--reef-cyan);background:#40c2cc29;box-shadow:0 0 0 1px var(--reef-cyan)}.choice:has(input:checked):before{border-color:var(--reef-cyan);box-shadow:inset 0 0 0 5px var(--reef-cyan)}.choice:has(input:focus-visible){outline:2px solid var(--reef-cyan);outline-offset:3px}.choice span{font-weight:500;line-height:1.45;position:relative;z-index:0}.actions{margin-top:36px;display:flex;justify-content:flex-end}.two-btn{justify-content:space-between;gap:14px}.two-btn .btn-outline{flex:0 0 34%}.btn,.btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:16px 22px;border-radius:9999px;cursor:pointer;font-weight:600;width:100%;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:15px;line-height:1.2;transition:background-color .15s,border-color .15s,opacity .15s,color .15s}.btn{border:1px solid var(--reef-cyan);background:var(--reef-cyan);color:#00181f}.btn:hover:not(:disabled){background:#5fd0d8;border-color:#5fd0d8}.btn-outline{border:1px solid rgba(201,223,226,.45);background:transparent;color:#fffffe}.btn-outline:hover:not(:disabled){border-color:var(--reef-cyan);color:var(--reef-cyan)}.btn:disabled,.btn-outline:disabled{opacity:.4;cursor:not-allowed}.result-head{text-align:center}.score{font-family:var(--font-display);font-size:150px;line-height:1;color:var(--reef-cyan);margin:4px 0 0}.score span{font-size:38px;color:#d3ebee;margin-left:8px}.status-note{display:block;width:100%;text-align:center;font:inherit;font-size:15px;line-height:1.5;border-radius:1rem;padding:14px 18px;margin:24px 0 40px;border:1px solid rgba(201,223,226,.35);background:#ffffff0d;color:#d3ebee}.status-note--ok{border-color:#7fd8c28c;color:#7fd8c2}.status-note--fail{border-color:#f2b8b599;color:#f2b8b5}button.status-note{cursor:pointer}.pulse-text{animation:pulse-fade 2s ease-in-out infinite}@keyframes pulse-fade{0%,to{opacity:1}50%{opacity:.55}}.review-title{font-size:30px;margin-top:8px}.review{display:flex;flex-direction:column;gap:18px}.rv{border-top:1px solid rgba(255,255,255,.12);padding-top:18px}.rv h3{font-size:17px;font-weight:600;line-height:1.45;margin:0 0 8px;color:#fffffe}.rv p{font-size:15px;line-height:1.55;color:#d3ebee;margin:0}.rv .you{color:#fffffe}.rv .tick{font-weight:600;margin-right:6px}.rv.right .tick{color:#7fd8c2}.rv.wrong .tick{color:#f2b8b5}.rv .why{margin-top:6px;color:#d3ebeecc}@media (max-width:760px){.topbar{padding:12px 16px}.layout{padding:20px 16px 48px;min-height:auto}.right .form{padding:28px 20px 24px;border-radius:1.25rem}.intro{margin-bottom:28px}.intro-title{font-size:2.3rem}.intro-text{font-size:1.05rem}.steps{gap:14px;font-size:11px;margin-bottom:28px}.two{grid-template-columns:1fr;gap:0}.section-title{font-size:30px}.question{font-size:25px}.form .choice{font-size:16px;padding:16px}.facts{gap:28px}.facts b{font-size:42px}.score{font-size:104px}.btn,.btn-outline{font-size:13px;min-height:52px}}