.login-box{position:relative;background:#fff;border-radius:12px;padding:48px 40px;width:100%;max-width:400px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.login-logo{text-align:center;margin-bottom:32px}.login-title{font-size:28px;font-weight:700;color:var(--cat-primary);letter-spacing:-.5px;margin:0}.login-box .form-group{margin-bottom:20px}.login-box .form-group label{display:block;font-size:12px;font-weight:600;color:var(--cat-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.login-box .form-group input{width:100%;padding:10px 14px;border:1.5px solid #e0e4e8;border-radius:4px;font-family:inherit;font-size:14px;color:#2c3e50;background:#f4f6f8;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.login-box .form-group input:focus{outline:none;border-color:var(--cat-primary-light);box-shadow:0 0 0 3px rgba(26,82,118,.1)}.login-box .btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:4px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.login-box .btn-primary{background:var(--cat-primary);color:#fff}.login-box .btn-primary:hover{background:var(--cat-primary-light)}.login-box .btn-block{width:100%;margin-top:8px}.login-box .btn:disabled,.login-box .btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}