:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-primary:#a9223f;--brand-gradient:linear-gradient(90deg, #a9223f 0%, #cf4c5f 100%);--brand-soft:#fbe5ea;--brand-accent:#cf4c5f;--purple-soft:#f0e8ff;--purple-text:#7b3fa0;--bg-page:#fefbfc;--bg-card:#fdf7f9;--bg-input:#fff;--bg-hover:#f5f0f2;--border:#eaeaea;--border-focus:#cf4c5f;--text-primary:#464646;--text-secondary:#7a7a7a;--text-muted:#ababab;--error-bg:#fde8eb;--error-border:#f5b8c2;--error-text:#9b1a2f;--success-bg:#e8f8f0;--success-border:#a3dfc0;--success-text:#1a6b40;--success-inline:#22c55e;--error-inline:#ef4444;--hero-purple-from:#1a0d2e;--hero-purple-to:#3a1f6b;--hero-purple-border:#3a1f6b80;--hero-purple-heading:#e8d5ff;--hero-purple-body:#b09fc5;--hero-purple-icon-bg-from:#3a1f6b;--hero-purple-icon-bg-to:#7b3fa0;--giveaway-hero-from:#7c3aed;--giveaway-hero-mid:#a855f7;--giveaway-hero-to:#c084fc;--giveaway-btn-shadow:#7c3aed59;--card-surface:#fff;--card-border:#e5e7eb;--card-shadow:#0000000f;--detail-label:#6b7280;--detail-value:#111;--color-success:#16a34a;--color-danger:#c0392b;--color-text-muted-fb:#666;--hero-haram-from:#0d1b2a;--hero-haram-to:#1a3a5c;--hero-haram-border:#1a3a5c80;--hero-haram-heading:#e0eaff;--hero-haram-body:#93b0d4;--hero-haram-badge-bg:#1a3a5c;--hero-haram-badge-text:#93b0d4;--claim-bg-from:#f5f0ff;--claim-bg-mid:#fdf6e3;--claim-bg-to:#f0f9ff;--claim-brand:#6b5b95;--claim-brand-light:#a89cc8;--claim-card-bg:#fff;--claim-card-shadow:#6b5b951f;--claim-card-border:#6b5b951a;--claim-input-border:#e2d9f3;--claim-input-bg:#fff;--claim-input-color:#1a1a2e;--claim-label:#6b5b95;--claim-heading:#1a1a2e;--claim-body:#666;--claim-body-secondary:#888;--claim-body-success:#555;--claim-footer:#b0a0c8;--claim-product-badge-from:#f5f0ff;--claim-product-badge-to:#fdf6e3;--claim-product-badge-border:#e2d9f3;--claim-product-badge-text:#6b5b95;--claim-haramain-bg:#f0f9ff;--claim-haramain-border:#bae6fd;--claim-haramain-text:#0369a1;--claim-img-border:#e2d9f3;--claim-img-shadow:#6b5b951a;--claim-error-bg:#fff1f2;--claim-error-border:#fecdd3;--claim-error-text:#be123c;--claim-btn-from:#6b5b95;--claim-btn-to:#8b6bb1;--claim-btn-disabled:#c4b5d4;--claim-btn-shadow:#6b5b954d;--otp-inline-border:#eaeaea;--verified-tick:#22c55e;--shadow-card:0 0 0 1px #00000005}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#0f0a0c;--bg-card:#1a1115;--bg-input:#231619;--bg-hover:#2a1c1f;--border:#2e1f23;--border-focus:#cf4c5f;--text-primary:#f0e8ea;--text-secondary:#b0949a;--text-muted:#6e5459;--error-bg:#2e0f14;--error-border:#7a1a26;--error-text:#f5a0ac;--success-bg:#0d2018;--success-border:#2a6644;--success-text:#7adfb0;--brand-soft:#2e1520;--purple-soft:#1f162a;--purple-text:#c4a0e0;--success-inline:#4ade80;--error-inline:#f87171;--hero-purple-from:#1a0d2e;--hero-purple-to:#2a1548;--hero-purple-border:#3a1f6b60;--hero-purple-heading:#d4b8ff;--hero-purple-body:#8a7aaa;--hero-purple-icon-bg-from:#2a1548;--hero-purple-icon-bg-to:#6b3590;--giveaway-hero-from:#4c1d95;--giveaway-hero-mid:#7c3aed;--giveaway-hero-to:#a78bfa;--giveaway-btn-shadow:#7c3aed66;--card-surface:var(--bg-card);--card-border:var(--border);--card-shadow:#0003;--detail-label:var(--text-muted);--detail-value:var(--text-primary);--color-success:#4ade80;--color-danger:#f87171;--color-text-muted-fb:var(--text-muted);--hero-haram-from:#0a1520;--hero-haram-to:#142a42;--hero-haram-border:#1a3a5c50;--hero-haram-heading:#c0d8f0;--hero-haram-body:#6d8db0;--hero-haram-badge-bg:#142a42;--hero-haram-badge-text:#6d8db0;--claim-bg-from:#0f0a14;--claim-bg-mid:#12100a;--claim-bg-to:#0a0f14;--claim-brand:#a890d0;--claim-brand-light:#6e5a8a;--claim-card-bg:var(--bg-card);--claim-card-shadow:#0000004d;--claim-card-border:#6b5b9526;--claim-input-border:#3a2d50;--claim-input-bg:var(--bg-input);--claim-input-color:var(--text-primary);--claim-label:#a890d0;--claim-heading:var(--text-primary);--claim-body:var(--text-secondary);--claim-body-secondary:var(--text-muted);--claim-body-success:var(--text-secondary);--claim-footer:#5a4a70;--claim-product-badge-from:#1f162a;--claim-product-badge-to:#1a1610;--claim-product-badge-border:#3a2d50;--claim-product-badge-text:#a890d0;--claim-haramain-bg:#0a1520;--claim-haramain-border:#1a3a5c;--claim-haramain-text:#60a5e0;--claim-img-border:#3a2d50;--claim-img-shadow:#0003;--claim-error-bg:#2e0f14;--claim-error-border:#7a1a26;--claim-error-text:#f5a0ac;--claim-btn-from:#5a4a80;--claim-btn-to:#7a60a0;--claim-btn-disabled:#3a2d50;--claim-btn-shadow:#5a4a804d;--otp-inline-border:var(--border);--verified-tick:#4ade80;--shadow-card:0 0 0 1px #ffffff0a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,sans-serif;transition:background .2s,color .2s}[dir=rtl] body{font-family:IBM Plex Sans Arabic,Noto Sans Arabic,Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}main{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.auth-card{background:var(--bg-card);border:2px solid var(--border);width:min(552px,100%);box-shadow:var(--shadow-card);border-radius:20px;padding:48px 56px 44px;transition:background .2s,border-color .2s}.auth-card--tall{padding:60px 56px}.auth-title{text-align:center;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700;line-height:40px}.auth-subtitle{text-align:center;color:var(--text-secondary);max-width:340px;margin:0 auto 32px;font-size:16px;line-height:150%}.auth-form{flex-direction:column;gap:20px;display:flex}.field{color:var(--text-primary);flex-direction:column;gap:8px;font-size:15px;font-weight:500;display:flex}.input-wrapper{border:1.5px solid var(--border);background:var(--bg-input);border-radius:12px;align-items:center;gap:12px;padding:16px 20px;transition:border-color .15s,box-shadow .15s;display:flex}.input-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #cf4c5f1f}.input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.input-wrapper input::placeholder{color:var(--text-muted)}.input-icon{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.forgot-link{text-align:end;color:var(--brand-accent);font-size:14px;font-weight:500}.forgot-link:hover{text-decoration:underline}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:12px;width:100%;padding:17px 24px;font-size:16px;font-weight:600;transition:opacity .15s,transform .1s}.primary-button:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 16px #a9223f4d}.secondary-button{background:var(--brand-soft);color:var(--text-primary);justify-content:center;align-items:center;gap:12px;font-weight:500;display:flex}.divider{text-align:center;color:var(--text-muted);font-size:14px;font-weight:500;position:relative}.footer-text{text-align:center;color:var(--text-secondary);font-size:15px}.footer-text strong{color:var(--brand-accent)}.otp-inputs{grid-template-columns:repeat(6,56px);justify-content:center;gap:12px;margin-bottom:28px;display:grid}.otp-box{border:1.5px solid var(--border);background:var(--bg-input);text-align:center;width:56px;height:60px;color:var(--text-primary);caret-color:var(--brand-accent);border-radius:12px;outline:none;justify-content:center;align-items:center;font-size:22px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:flex}.otp-box:focus{box-shadow:0 0 0 3px #cf4c5f26;border-color:var(--border-focus)!important}.resend{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:15px}.question-card{flex-direction:column;gap:12px;display:flex}.question-title{text-align:center;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:24px;font-weight:700}.option{border:1.5px solid var(--border);background:var(--bg-input);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;font-size:15px;transition:border-color .15s,background .15s;display:flex}.option:hover{background:var(--bg-hover)}.option input{accent-color:var(--brand-accent);width:18px;height:18px}.input-wrapper--error{border-color:var(--brand-accent)}.field-error{color:var(--brand-accent);font-size:13px;font-weight:400}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.success-banner{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.option--selected{border-color:var(--brand-accent);background:var(--brand-soft)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-controls{top:20px;z-index:100;align-items:center;gap:8px;display:flex;position:fixed;inset-inline-end:20px}.auth-controls .nav-item{border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;width:auto;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s;display:inline-flex}.auth-controls .nav-item:hover{background:var(--bg-hover)}.theme-toggle{border:1.5px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .2s,border-color .2s,transform .15s;display:flex}.theme-toggle:hover{transform:scale(1.1)}@media (max-width:640px){.auth-card{border-radius:16px;padding:36px 24px}.auth-title{font-size:26px}.otp-inputs{grid-template-columns:repeat(6,1fr);row-gap:12px}.otp-box{width:100%;min-width:40px}}@media (max-width:380px){.auth-card{padding:28px 16px}.otp-inputs{grid-template-columns:repeat(3,1fr)}}