:root{--ink:#17332b;--muted:#6c7771;--accent:#c79b48;--cream:#f3f0e7}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:var(--cream);font-family:"DM Sans","Noto Kufi Arabic",Arial,sans-serif}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(390px,44%) 1fr}.auth-panel{display:flex;align-items:center;justify-content:center;padding:45px clamp(28px,6vw,85px);background:#fff}.auth-wrap{width:min(100%,460px)}.auth-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.auth-brand{color:var(--ink);font-size:16px;font-weight:800;letter-spacing:.08em;text-decoration:none}.auth-brand span{color:#a77b27}.auth-languages{display:flex;gap:8px}.auth-languages a{padding:5px;color:var(--muted);font-size:11px;text-decoration:none}.auth-languages a.active{color:var(--ink);border-bottom:1px solid var(--accent)}h1{margin:0 0 10px;font-size:clamp(31px,4vw,44px);line-height:1.2}.auth-intro{margin:0 0 30px;color:var(--muted);line-height:1.7}.auth-field{display:grid;gap:8px;margin-bottom:18px;font-size:13px;font-weight:600}.auth-field input,.auth-field select{width:100%;height:52px;padding:0 14px;border:1px solid #d9dfdb;border-radius:7px;background:#fff;font:inherit}.auth-field input:focus,.auth-field select:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px rgba(23,51,43,.08)}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin:3px 0 24px;color:var(--muted);font-size:13px}.auth-options label{display:flex;align-items:center;gap:7px}.auth-submit{width:100%;height:54px;color:#fff;border:0;border-radius:7px;background:var(--ink);font:inherit;font-weight:700;cursor:pointer}.auth-submit:hover{background:#24483e}.auth-switch{margin:22px 0 0;color:var(--muted);font-size:13px;text-align:center}.auth-switch a{color:#8d6a22;font-weight:700}.auth-error{margin-bottom:20px;padding:12px 14px;color:#91382f;border-radius:6px;background:#fff0ee;font-size:13px}.auth-error ul{margin:0;padding-inline-start:18px}.auth-visual{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(38px,6vw,88px);color:#fff;background:linear-gradient(145deg,rgba(15,45,36,.92),rgba(27,72,56,.82)),url('../images/home/hero-procurement.png') center/cover}.auth-message{position:relative;max-width:620px}.auth-message small{color:#e5c781;font-weight:700;letter-spacing:.18em}.auth-message h2{margin:15px 0;font-size:clamp(34px,4vw,58px);line-height:1.18}.auth-message p{max-width:530px;color:rgba(255,255,255,.76);font-size:16px;line-height:1.8}@media(max-width:800px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh}.auth-grid{grid-template-columns:1fr}}