.custom-button{display:inline-flex;align-items:center;justify-content:center;padding:20px 24px;font-size:16px;font-weight:500;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;outline:none}@media(max-width:576px){.custom-button{padding:12px 20px;font-size:14px}}.custom-button.full-width{width:100%}.custom-button:disabled{opacity:.6;cursor:not-allowed}.custom-button .button-icon{display:inline-flex;align-items:center;margin-right:8px}.custom-button.variant-primary{background:linear-gradient(90deg,#00C6FF,#0072FF);color:#fff}.custom-button.variant-primary:hover:not(:disabled){box-shadow:0 4px 15px rgba(0,114,255,.4);transform:translateY(-1px)}.custom-button.variant-secondary{background:rgba(50,50,50,.3019607843);color:#fff}.custom-button.variant-secondary:hover:not(:disabled){background:#252833}.custom-button.variant-outline{background:rgba(0,0,0,0);border:1px solid #252833;color:#fff}.custom-button.variant-outline:hover:not(:disabled){border-color:#0072ff}.custom-button.variant-ghost{background:rgba(0,0,0,0);color:#0072ff;padding:8px 16px}.custom-button.variant-ghost:hover:not(:disabled){text-decoration:underline}.custom-button .button-loader{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:button-spin 1s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}.custom-input-container{display:flex;flex-direction:column;width:100%}.custom-input-container .custom-input-wrapper{display:flex;align-items:center;gap:12px;background:rgba(50,50,50,.3019607843);border:1px solid rgba(0,0,0,0);border-radius:8px;padding:10px 16px;transition:border-color .3s ease}.custom-input-container .custom-input-wrapper.has-error{border-color:#ff3b30}.custom-input-container .custom-input-wrapper:focus-within{border-color:#007aff}.custom-input-container .custom-input-inner{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.custom-input-container .custom-input-label{font-size:14px;color:#a0a0a0;font-weight:500}.custom-input-container .custom-input{width:100%;background:rgba(0,0,0,0);border:none;color:#fff;font-size:16px;outline:none;padding:0}@media(max-width:576px){.custom-input-container .custom-input{font-size:14px}}.custom-input-container .custom-input::-moz-placeholder{color:#6c6c75}.custom-input-container .custom-input::placeholder{color:#6c6c75}.custom-input-container .input-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;color:var(--modal-middel)}.custom-input-container .password-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,0);color:var(--text-color);cursor:pointer;transition:background-color .2s ease}.custom-input-container .password-toggle svg{display:block;width:18px;height:18px}.custom-input-container .password-toggle:hover{background:hsla(0,0%,100%,.08)}.custom-input-container .password-toggle:active{background:hsla(0,0%,100%,.16)}.custom-input-container .password-toggle:focus-visible{outline:2px solid #007aff;outline-offset:2px}.custom-input-container .custom-input-error{color:#ff3b30;font-size:12px;margin-top:4px}