@font-face{font-family:Open Sans Condensed;src:url(/fonts/opensanscondensed.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/fonts/robotocondensed.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}:root{--c-ink: 18, 18, 18;--c-amber: 247, 181, 0;--c-amber-deep: 214, 153, 0;--c-cream: 249, 247, 246;--c-bone: 242, 235, 222;--c-sand: 198, 179, 161;--c-graphite: 74, 70, 64;--c-fog: 180, 173, 162;--c-success: 85, 175, 16;--c-warn: 230, 103, 17;--c-danger: 200, 38, 38;--c-info: 28, 112, 190;--bg-1: rgb(var(--c-cream));--bg-2: rgb(var(--c-bone));--bg-3: rgb(255, 255, 255);--bg-ink: rgb(var(--c-ink));--fg-1: rgb(var(--c-ink));--fg-2: rgb(var(--c-graphite));--fg-3: rgb(var(--c-fog));--fg-on-ink: rgb(var(--c-cream));--graphite: rgb(var(--c-graphite));--line-1: rgb(var(--c-ink) / .1);--line-2: rgb(var(--c-ink) / .18);--line-3: rgb(var(--c-ink) / .65);--accent: rgb(var(--c-amber));--accent-deep: rgb(var(--c-amber-deep));--accent-soft: rgb(var(--c-amber) / .18);--font-display: "Open Sans Condensed", "Cairo", system-ui, sans-serif;--font-body: "Roboto Condensed", "Tajawal", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--font-label: var(--font-mono);--tracking-display: -.01em;--tracking-tight: -.015em;--tracking-label: .14em;--r-0: 0px;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--shadow-0: none;--shadow-1: 0 1px 0 rgb(var(--c-ink) / .06), 0 1px 2px rgb(var(--c-ink) / .05);--shadow-2: 0 2px 0 rgb(var(--c-ink) / .06), 0 6px 18px rgb(var(--c-ink) / .07);--shadow-3: 0 8px 28px rgb(var(--c-ink) / .12);--shadow-stamp: 4px 4px 0 rgb(var(--c-ink));--dur-fast: .12s;--dur-base: .2s;--dur-med: .32s;--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1)}html,body{margin:0;padding:0;height:100%}body{background:var(--bg-1);color:var(--fg-1);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}[dir=rtl]{font-family:Cairo,Tajawal,system-ui,sans-serif;--font-label: "Cairo", "Tajawal", system-ui, sans-serif;--tracking-label: 0}.screen{background:var(--bg-1);color:var(--fg-1);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column}.eyebrow{font-family:var(--font-label);font-size:13px;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-2)}.stamp{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--fg-1);font-family:var(--font-label);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);padding:8px 12px;border-radius:var(--r-sm);box-shadow:var(--shadow-stamp)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:var(--tracking-label);padding:14px 20px;border:0;cursor:pointer;border-radius:var(--r-md);transition:transform var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);text-decoration:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--fg-1);color:var(--fg-on-ink)}.btn-primary:not(:disabled):hover{transform:translateY(-1px)}.btn-accent{background:var(--accent);color:var(--fg-1)}.btn-accent:not(:disabled):hover{background:var(--accent-deep);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--fg-1);border:2px solid var(--fg-1);padding:12px 18px}.btn-outline:not(:disabled):hover{background:var(--fg-1);color:var(--fg-on-ink)}.btn-ghost{background:transparent;color:var(--fg-1);padding:10px 14px}.btn-ghost:not(:disabled):hover{background:var(--bg-2)}.btn-block{width:100%}.btn-lg{padding:18px 26px;font-size:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--font-label);font-size:13px;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-2)}.field-error{font-family:var(--font-label);font-size:13px;text-transform:uppercase;letter-spacing:var(--tracking-label);color:rgb(var(--c-danger))}.input{background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--r-md);padding:14px 16px;font-family:var(--font-body);font-size:16px;color:var(--fg-1);width:100%;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);outline:none}.input::placeholder{color:var(--fg-3)}.input:focus-visible{border-color:var(--fg-1);box-shadow:0 0 0 3px rgb(var(--c-ink) / .08)}.divider-rule{display:flex;align-items:center;gap:10px;font-family:var(--font-label);font-size:12px;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--fg-3)}.divider-rule:before,.divider-rule:after{content:"";flex:1;height:1px;background:var(--line-1)}::selection{background:var(--accent);color:var(--fg-1)}.input.with-prefix{padding-left:70px}[dir=rtl] .input.with-prefix{padding-left:16px;padding-right:70px}.input-wrap{position:relative}.input-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-family:var(--font-label);font-size:14px;font-weight:600;color:var(--fg-2);border-right:1px solid var(--line-2);padding-right:10px;pointer-events:none}[dir=rtl] .input-prefix{left:auto;right:14px;border-right:0;border-left:1px solid var(--line-2);padding-right:0;padding-left:10px}.input-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:0;cursor:pointer;color:var(--fg-2);padding:4px}[dir=rtl] .input-toggle{right:auto;left:12px}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--fg-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input{width:18px;height:18px;accent-color:var(--fg-1)}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line-1);border-radius:var(--r-md);cursor:pointer;color:var(--fg-1);transition:background var(--dur-base) var(--ease-out)}.icon-btn:hover{background:var(--bg-2)}.screen svg{width:18px;height:18px;flex-shrink:0;display:inline-block;vertical-align:middle}