:root{--brand: #6d4aff;--ink: #1e1b26;--muted: #6b6577;--line: #e2ddd6;--surface: #ffffff;--page: #f7f5f2;--danger: #b3261e;color:var(--ink);background:var(--page);font-family:Noto Kufi Arabic,Segoe UI,Arial,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--ink: #f4f2ef;--muted: #a8a2b3;--line: #35313d;--surface: #201d28;--page: #15131a}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page)}button,input,select,textarea{font:inherit}.page{display:flex;justify-content:center;padding:24px 16px 48px}.card{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}.logo{max-height:40px;max-width:180px;margin-bottom:16px}.brand{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--brand)}.title{margin:0 0 8px;font-size:22px;line-height:1.3}.muted{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.5}.banner,.error-banner,.success{margin:0 0 16px;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.5}.banner{background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--ink)}.error-banner{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.success{background:color-mix(in srgb,var(--brand) 12%,transparent);font-size:16px}.form{display:grid;gap:20px}.field{display:grid;gap:6px}.field-label{font-size:14px;font-weight:600;display:flex;align-items:baseline;gap:6px}.field-required{color:var(--danger)}.field-optional{font-weight:400;font-size:12px;color:var(--muted)}.field-help{margin:0;font-size:12px;color:var(--muted)}.field-input{width:100%;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.field-input:focus-visible{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.field-input[aria-invalid=true]{border-color:var(--danger)}textarea.field-input{resize:vertical;min-height:96px}.checkbox-group{display:grid;gap:8px}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:15px;min-height:32px}.field-checkbox{width:20px;height:20px;accent-color:var(--brand);flex:none;padding:0}.field-error{margin:0;font-size:13px;color:var(--danger)}.submit{margin-top:4px;padding:13px 18px;border:none;border-radius:10px;background:var(--brand);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.submit:disabled{opacity:.55;cursor:default}.footnote{margin:16px 0 0;font-size:12px;color:var(--muted)}