:root{--brand-primary: #1f4e79;--brand-primary-hover: #173b5c;--brand-on-primary: #ffffff;--brand-accent: #f2a900;--brand-bg: #f4f6f8;--brand-bg-image: none;--brand-surface: #ffffff;--brand-text: #1d2733;--brand-muted: #5f6b7a;--brand-border: #d9dee5;--brand-error: #c62828;--brand-error-bg: #fdecea;--brand-header-bg: var(--brand-surface);--brand-header-text: var(--brand-text);--brand-font-ar: "Segoe UI", Tahoma, "Noto Sans Arabic", sans-serif;--brand-font-en: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--brand-font-display: inherit;--brand-display-weight: 700;--brand-radius: 12px;--brand-radius-small: 8px;--brand-shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--brand-logo-height: 44px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:var(--brand-bg);background-image:var(--brand-bg-image);background-size:cover;background-attachment:fixed;color:var(--brand-text);font-family:var(--brand-font-ar);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}html[lang=en] body{font-family:var(--brand-font-en)}.cp-page{min-height:100vh;display:flex;flex-direction:column}.cp-header{background:var(--brand-header-bg);color:var(--brand-header-text);box-shadow:var(--brand-shadow);position:sticky;top:0;z-index:10}.cp-header__inner,.cp-main{width:100%;max-width:720px;margin:0 auto;padding-inline:16px}.cp-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}.cp-header__brand{display:flex;align-items:center;gap:10px;min-width:0}.cp-header__logo{height:var(--brand-logo-height);width:auto;max-width:160px;object-fit:contain}.cp-header__title{font-weight:700;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-lang-switch{flex-shrink:0;border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:6px 14px;font:inherit;font-size:.9rem;cursor:pointer}.cp-main{padding-block:20px 48px;display:flex;flex-direction:column;gap:16px}.cp-card{background:var(--brand-surface);border-radius:var(--brand-radius);box-shadow:var(--brand-shadow);padding:20px 16px}@media (min-width: 600px){.cp-card{padding:24px}}.cp-hero{padding-inline:4px}.cp-heading{margin:0 0 6px;font-size:1.5rem;line-height:1.3;color:var(--brand-primary)}.cp-intro{margin:0;color:var(--brand-muted)}.cp-muted,.cp-hint{color:var(--brand-muted);margin:0}.cp-hint{font-size:.875rem;margin-bottom:10px}.cp-alert{border-radius:var(--brand-radius-small);padding:10px 14px;margin:0 0 12px}.cp-alert--error{background:var(--brand-error-bg);color:var(--brand-error)}.cp-form{display:flex;flex-direction:column;gap:16px}.cp-section{border:0;margin:0;min-width:0}.cp-section__title{float:inline-start;width:100%;font-size:1.1rem;font-weight:700;margin-bottom:14px;padding:0}.cp-section__title+*{clear:both}.cp-field{margin-bottom:16px}.cp-field:last-child{margin-bottom:0}.cp-label{display:block;font-weight:600;margin-bottom:6px}.cp-required{color:var(--brand-error)}.cp-optional{color:var(--brand-muted);font-weight:400;font-size:.875rem}.cp-input{display:block;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--brand-border);border-radius:var(--brand-radius-small);background:var(--brand-surface);color:var(--brand-text);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.cp-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.cp-input--ltr{text-align:start}html[dir=rtl] .cp-input--ltr{text-align:right}.cp-textarea{min-height:120px;resize:vertical}.cp-select{-webkit-appearance:auto;appearance:auto}.cp-field--invalid .cp-input,.cp-field--invalid .cp-choice__label{border-color:var(--brand-error)}.cp-error{color:var(--brand-error);font-size:.875rem;margin:6px 0 0}.cp-field__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cp-counter{margin-inline-start:auto;color:var(--brand-muted);font-size:.8rem;padding-top:6px}.cp-choices{display:flex;flex-wrap:wrap;gap:8px}.cp-choice{position:relative;cursor:pointer}.cp-choice input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.cp-choice__label{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--brand-border);border-radius:999px;background:var(--brand-surface);transition:background-color .15s,border-color .15s,color .15s}.cp-choice input:checked+.cp-choice__label{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}.cp-choice input:focus-visible+.cp-choice__label{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 30%,transparent)}.cp-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cp-image{position:relative;aspect-ratio:1;border-radius:var(--brand-radius-small);overflow:hidden;background:var(--brand-bg)}.cp-image img{width:100%;height:100%;object-fit:cover;display:block}.cp-image__remove{position:absolute;top:4px;inset-inline-end:4px;width:30px;height:30px;border:0;border-radius:50%;background:#0009;color:#fff;font-size:20px;line-height:30px;cursor:pointer}.cp-image--add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px dashed var(--brand-border);color:var(--brand-muted);cursor:pointer;font-size:1.75rem}.cp-image--add input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.cp-image__add-label{font-size:.8rem}.cp-captcha{min-height:65px;margin-bottom:12px;display:flex;justify-content:center}.cp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:var(--brand-radius-small);border:1px solid transparent;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.cp-button:disabled{opacity:.65;cursor:not-allowed}.cp-button--primary{background:var(--brand-primary);color:var(--brand-on-primary)}.cp-button--primary:not(:disabled):hover{background:var(--brand-primary-hover)}.cp-button--secondary{background:transparent;border-color:var(--brand-primary);color:var(--brand-primary)}.cp-button--small{min-height:36px;padding:4px 12px;font-size:.875rem}.cp-button--block{width:100%}.cp-spinner{width:28px;height:28px;border:3px solid color-mix(in srgb,var(--brand-primary) 25%,transparent);border-top-color:var(--brand-primary);border-radius:50%;animation:cp-spin .8s linear infinite}.cp-spinner--small{width:18px;height:18px;border-width:2px;border-color:#fff6;border-top-color:currentColor}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:200px;color:var(--brand-muted)}.cp-success{text-align:center;padding-block:32px}.cp-success__icon{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:var(--brand-primary);color:var(--brand-on-primary);font-size:34px;line-height:64px}.cp-success__code-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 16px;flex-wrap:wrap}.cp-success__code{font-size:1.6rem;font-weight:800;letter-spacing:.04em;-webkit-user-select:all;user-select:all}.cp-brand-grid{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.cp-brand-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text);text-decoration:none;text-align:center;height:100%;transition:border-color .15s,box-shadow .15s}.cp-brand-tile:hover,.cp-brand-tile:focus-visible{border-color:var(--brand-primary);box-shadow:var(--brand-shadow)}.cp-brand-tile__logo{width:96px;height:64px;object-fit:contain}.cp-brand-tile__initial{width:64px;height:64px;border-radius:50%;background:var(--brand-primary);color:var(--brand-on-primary);font-size:1.75rem;font-weight:700;line-height:64px}.cp-brand-tile__name{font-weight:600}.cp-heading,.cp-header__title,.cp-section__title,.cp-button--primary,.cp-success__code{font-family:var(--brand-font-display);font-weight:var(--brand-display-weight)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}