:root{--brand-primary:#dc181f;--brand-secondary:#be0e13;--text-primary:#2c2c2a;--text-secondary:#545454;--text-muted:#828282;--bg-light:#fff;--bg-card:#f5f5f5;--border:#e5e5e5;--page-bg:#faf9f8}*{box-sizing:border-box}body{margin:0;background:var(--bg-light);color:var(--text-primary)}body,button,input{font-family:Kanit,sans-serif}button,input{font-size:14px;transition:background .15s ease,border-color .15s ease,transform .1s ease}input{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;outline:none}input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(220,24,31,.08)}button{cursor:pointer;border-radius:8px;padding:10px 16px;border:1px solid var(--border);background:#fff}button:hover{border-color:var(--text-muted)}button:active{transform:scale(.98)}button.primary{background:var(--brand-primary);color:#fff;border:none;font-weight:500}button.primary:hover{background:var(--brand-secondary)}