.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:20px;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:#e65800;box-shadow:0 4px 12px #ff620033}.btn-secondary{background-color:var(--secondary);color:var(--black)}.btn-secondary:hover{background-color:#e6be00}.btn-outline{border-color:var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:#ff62000d}.btn-ghost{color:var(--grey-700);background-color:#0000}.btn-ghost:hover{background-color:var(--grey-100);color:var(--black)}.btn-sm{height:32px;padding:0 var(--spacing-md);font-size:14px}.btn-md{height:48px;padding:0 var(--spacing-lg);font-size:16px}.btn-lg{height:56px;padding:0 var(--spacing-xl);font-size:18px}.btn-full{width:100%}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.input-container{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{color:var(--black);font-size:14px;font-weight:600}.input-wrapper{background-color:var(--grey-100);border:1px solid #0000;border-radius:12px;align-items:center;transition:all .2s;display:flex;position:relative}.input-wrapper:focus-within{border-color:var(--primary);background-color:#ff62000d}.input-error{border-color:var(--error);background-color:#f755550d}.input-field{width:100%;font-family:var(--font-family);color:var(--black);background:0 0;border:none;outline:none;padding:16px;font-size:16px}.input-field::placeholder{color:var(--grey-500)}.input-icon-left{color:var(--grey-500);margin-left:16px}.input-wrapper:focus-within .input-icon-left{color:var(--primary)}.input-wrapper:has(.input-icon-left) .input-field{padding-left:12px}.input-icon-right{color:var(--grey-500);justify-content:center;align-items:center;margin-right:16px;display:flex}.input-icon-right:hover{color:var(--black)}.input-error-msg{color:var(--error);margin-left:4px;font-size:12px}