.register-box{width:420px;padding:2rem;border-radius:12px;display:flex;flex-direction:column}.register-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:1.5rem;color:#111}.register-box label{font-size:14px;margin-bottom:5px;font-weight:500;color:#222}.register-box input,.register-box select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d9d9d9;background:#fafafa;outline:none;transition:.2s ease;font-size:14px}.register-box input:focus,.register-box select:focus{border-color:#ff7b00;background:#fff}.input-register-error{color:#ff3b30;font-size:.85rem;margin-top:.2rem;margin-bottom:.7rem;text-align:left}.btn-register{width:100%;margin-top:1rem;padding:12px;background:linear-gradient(90deg,#ff7b00,#ff9f3f);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:.2s ease}.btn-register:hover{opacity:.9}.link-register{color:#ff7b00;text-decoration:none;font-weight:600}.link-register:hover{text-decoration:underline}@media(max-width:500px){.register-box{width:90%;padding:1.5rem}.names{flex-direction:column;gap:1rem!important}}.btn-cooldown{position:relative;overflow:hidden;transition:opacity .3s ease}.btn-cooldown:disabled{cursor:not-allowed;opacity:.6}.btn-cooldown:disabled:before{content:"";position:absolute;inset:0;background:#0096ff33;width:calc(100% - (100% * var(--cooldown) / 60));height:100%;transition:width 1s linear}.modal-button{padding:.5rem;background-color:#ff7b00;border:none;border-radius:.5rem}.modal-button:hover{background-color:orange}.btn-register:disabled{opacity:.7;cursor:not-allowed}