:root{--farouk-bg: #0a0a0a;--farouk-surface: #141414;--farouk-surface-2: #1c1c1c;--farouk-border: #2a2a2a;--farouk-primary: #e63946;--farouk-primary-dark: #b71f2e;--farouk-secondary: #1e5fcc;--farouk-secondary-dark: #143f8c;--farouk-gold: var(--farouk-primary);--farouk-gold-dark: var(--farouk-primary-dark);--farouk-text: #eeeeee;--farouk-text-muted: #8a8a8a;--farouk-success: #5fd18c;--farouk-success-bg: #1d3d2e;--farouk-error: #e0605f;--farouk-error-bg: #3d1d1d;--farouk-radius: 12px}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--farouk-bg);color:var(--farouk-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}input,button,select,textarea{font-family:inherit}.farouk-input{width:100%;background:var(--farouk-surface-2);border:1px solid var(--farouk-border);color:var(--farouk-text);border-radius:10px;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none}.farouk-input:focus{border-color:var(--farouk-secondary);box-shadow:0 0 0 3px #1e5fcc26}.farouk-input::placeholder{color:var(--farouk-text-muted)}.farouk-button{width:100%;background:linear-gradient(120deg,var(--farouk-primary),var(--farouk-primary-dark));border:none;color:#fff;font-weight:600;border-radius:10px;padding:13px 16px;font-size:14px;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 14px #e6394647}.farouk-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #e639465c}.farouk-button:active:not(:disabled){transform:translateY(0) scale(.98)}.farouk-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.farouk-button-secondary{width:100%;background:#1e5fcc14;border:1px solid rgba(30,95,204,.35);color:var(--farouk-secondary);font-weight:600;border-radius:10px;padding:13px 16px;font-size:14px;cursor:pointer;transition:all .15s}.farouk-button-secondary:hover:not(:disabled){background:#1e5fcc29;border-color:var(--farouk-secondary)}.farouk-button-secondary:disabled{opacity:.5;cursor:not-allowed}.farouk-card{background:var(--farouk-surface);border:1px solid var(--farouk-border);border-radius:16px;padding:26px 24px;box-shadow:0 4px 20px #0003}.farouk-error-text{color:var(--farouk-error);font-size:12.5px;margin:4px 0 0}.farouk-link{color:var(--farouk-secondary);text-decoration:none;font-size:13px;cursor:pointer}.farouk-link:hover{text-decoration:underline}
